大香蕉www.www,日韩拍拍拍,久久久久少妇,狠狠狠狠狠狠操,国产三级图片,蜜乳视频在线观看,美女裸体无遮挡天天摸天天做 ,欧美成人精品首页

近半年我做過(guò)幾十個(gè)官網(wǎng)需求，從定義每個(gè)官網(wǎng)從設(shè)計(jì)到開(kāi)發(fā)走查會(huì)花費(fèi)大量時(shí)間。因此，我總結(jié)了一套工作方法，1天時(shí)間就可以快速產(chǎn)出多個(gè)網(wǎng)頁(yè)設(shè)計(jì)，本文將結(jié)合項(xiàng)目從設(shè)計(jì)提效角度與大家分享設(shè)計(jì)方法：

設(shè)計(jì)網(wǎng)頁(yè)中遇到的問(wèn)題

面對(duì)企業(yè)級(jí)中后臺(tái)龐大且復(fù)雜的集合，會(huì)面臨各類問(wèn)題：

業(yè)務(wù)多，資源少

本多個(gè)需求同時(shí)跟進(jìn)，項(xiàng)目多且雜從而產(chǎn)生超負(fù)荷。也不便于更好地理解業(yè)務(wù)。

人力成本高

設(shè)計(jì)資源有限，設(shè)計(jì)完成后需要和不同業(yè)務(wù)線開(kāi)發(fā)進(jìn)行多次設(shè)計(jì)走查，影響設(shè)計(jì)師提效。

沒(méi)有品牌性

針對(duì)b端產(chǎn)品，多樣性設(shè)計(jì)無(wú)法形成品牌特性，傳達(dá)品牌特色，導(dǎo)致中臺(tái)業(yè)務(wù)線繁多但不“精致”

體驗(yàn)差

官網(wǎng)設(shè)計(jì)中也有很多相似功能，面對(duì)繁多需求，設(shè)計(jì)者快速做出響應(yīng)會(huì)產(chǎn)生重復(fù)勞動(dòng)成本。只能做到滿足功能，用戶體驗(yàn)并不是很友好。

突破問(wèn)題

通過(guò)總結(jié)之前的工作，發(fā)現(xiàn)很多設(shè)計(jì)內(nèi)容有50%以上的重復(fù)率，我們要做的是將這50%重復(fù)率形成設(shè)計(jì)體系化，建立資源整合，搭建規(guī)范化官網(wǎng)模塊，并把模塊設(shè)計(jì)反推給產(chǎn)品，在提高設(shè)計(jì)效率的同時(shí)也減少產(chǎn)品工作，減少協(xié)同成本。

通過(guò)“收集需求——整合歸納——定義組件——代碼搭建“ 的過(guò)程提升設(shè)計(jì)效率。

第一步：整合資源，模塊的確立

整合各個(gè)業(yè)務(wù)線資源，并根據(jù)業(yè)務(wù)系統(tǒng)進(jìn)行分類：數(shù)據(jù)中臺(tái)，技術(shù)中臺(tái)，業(yè)務(wù)中臺(tái)。面對(duì)這三大類別，目前官網(wǎng)需求量會(huì)達(dá)到幾十個(gè)，而面這些繁多網(wǎng)站需求，首先要做的就是整合分類。

通過(guò)對(duì)對(duì)業(yè)務(wù)線歸類，統(tǒng)計(jì)出高頻15+個(gè)組件模塊：

Banner、產(chǎn)品優(yōu)勢(shì)、產(chǎn)品特色、案例、信息內(nèi)容、信息流程、合作方、聯(lián)系我們、關(guān)于我們、使用流程、功能介紹、手機(jī)\電腦信息展示、合作方、地理地圖、其他模塊等...

第二步：模塊梳理歸類

并更具根據(jù)模塊類別的復(fù)用率進(jìn)行再次梳理，產(chǎn)出設(shè)計(jì)模版。模版根據(jù)設(shè)計(jì)形式、排版布局等方面進(jìn)行進(jìn)一步延展，復(fù)用率高的模塊對(duì)應(yīng)模板更豐富。

設(shè)計(jì)語(yǔ)言（理念）的建立與模塊產(chǎn)出

設(shè)計(jì)風(fēng)格建立

視覺(jué)體系上，B端產(chǎn)品不同于C端，設(shè)計(jì)更多為體驗(yàn)服務(wù)，色彩的豐富度相對(duì)較弱，單一。要突出b端設(shè)計(jì)，我們決定從精致性上為切入點(diǎn)，選定“輕擬態(tài)”風(fēng)格，即突出設(shè)計(jì)的細(xì)節(jié)性又不會(huì)因?yàn)檫^(guò)度設(shè)計(jì)影響內(nèi)容。并根據(jù)業(yè)務(wù)體系與設(shè)計(jì)風(fēng)格，完善設(shè)計(jì)語(yǔ)言關(guān)鍵詞提煉：科技、高效、簡(jiǎn)約。

字體與顏色規(guī)范

色彩能夠起到視覺(jué)語(yǔ)言傳達(dá)和信息承載作用。企業(yè)級(jí)產(chǎn)品延用了matrix 的配色體系，以藍(lán)色調(diào)為主色，同時(shí)模塊產(chǎn)出深淺色系，便于多方面選擇。

設(shè)計(jì)布局

采用刪格系統(tǒng)定義布局，根據(jù)首頁(yè)和內(nèi)頁(yè)展示形式進(jìn)行基礎(chǔ)布局

icon再創(chuàng)新

圖標(biāo)也進(jìn)行三大層級(jí)劃分，以應(yīng)用于不同場(chǎng)景：

3D圖標(biāo)

3d質(zhì)感圖標(biāo)。用于重要層級(jí)模塊，數(shù)量控制4個(gè)以內(nèi)。

玻璃球圖標(biāo)

磨砂玻璃風(fēng)格已經(jīng)廣泛應(yīng)用于ui產(chǎn)品中的很多地方，我們?cè)谀ド安ＡЩA(chǔ)上，創(chuàng)新新的icon風(fēng)格“玻璃球”icon，該風(fēng)格能更換的和輕質(zhì)感設(shè)計(jì)融合在一起，用幾何元素設(shè)計(jì)，通過(guò)拼接組合和系統(tǒng)icon設(shè)計(jì)，能夠在短時(shí)間內(nèi)快速產(chǎn)出立體icon，適用少于8個(gè)類別的模塊icon。

輕擬態(tài)線性圖標(biāo)

3d線性圖標(biāo)適用于多場(chǎng)景模塊，可大范圍出現(xiàn)在頁(yè)面中。

三維設(shè)計(jì)

banner模塊分為3d三維風(fēng)格和二維平面圖片，根據(jù)不同業(yè)務(wù)線定義使用規(guī)則。如商業(yè)，公益相關(guān)產(chǎn)品，選定圖片作為banner展示更能準(zhǔn)確傳達(dá)信息，而技術(shù)類官網(wǎng)用3d效果更能傳遞科技性。

同時(shí)定義多種banner布局：左文右圖，文字居中，banner加搜索模塊，圖片banner等，

可根據(jù)需求自由選擇。

幾何化形的裝飾元素

為了體現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)的“空間感” 網(wǎng)頁(yè)設(shè)計(jì)中加入幾何元素穿插，根據(jù)業(yè)務(wù)品牌語(yǔ)言圓、三角、方定義輔助裝飾元素。（圓-業(yè)務(wù) ；方-技術(shù) ；三角-數(shù)據(jù)圓、三角、方定義設(shè)計(jì)幾何元素）

多樣性變化

為官網(wǎng)模塊的產(chǎn)出依據(jù)業(yè)務(wù)線，在建立規(guī)范化組件的同時(shí)也需要考慮設(shè)計(jì)中的“區(qū)別性”業(yè)務(wù)線-營(yíng)銷產(chǎn)品，更多體現(xiàn)商業(yè)性質(zhì)設(shè)計(jì)采用暗色系，而技術(shù)類官網(wǎng)更多體現(xiàn)科技感，加入3d元素。在同一模塊的設(shè)計(jì)也加入背景白色/暗色和模塊的亮色/暗色。

實(shí)際應(yīng)用

目前我們已經(jīng)產(chǎn)出50+模塊，10個(gè)+網(wǎng)頁(yè)模版，通過(guò)代碼化，建立“云搭”這一網(wǎng)頁(yè)生成工具，建立中臺(tái)系統(tǒng)在生成平臺(tái)，目前已經(jīng)支持多個(gè)業(yè)務(wù)線。從設(shè)計(jì)產(chǎn)出模塊到開(kāi)發(fā)實(shí)現(xiàn)模塊代碼話再到產(chǎn)品拼接選擇，整體過(guò)程節(jié)約了設(shè)計(jì)資源，為產(chǎn)品研發(fā)提效提供一站式解決方案。

后續(xù)我們將發(fā)布云搭二期文章，會(huì)為大家介紹設(shè)計(jì)師是如何從產(chǎn)品、交互思維，自主研發(fā)“云搭”這款工具的，敬請(qǐng)期待。

云搭操作展示：

?? 一起聊設(shè)計(jì) ???♂?

高質(zhì)量，學(xué)知識(shí)的設(shè)計(jì)行業(yè)群

設(shè)計(jì)行業(yè)一手資料

設(shè)計(jì)大廠最直接內(nèi)推

定期大咖直播

0門(mén)檻掃碼進(jìn)群！

期待與更多優(yōu)秀設(shè)計(jì)師一起成長(zhǎng)??

做了近百個(gè)網(wǎng)頁(yè)，總結(jié)的高質(zhì)量設(shè)計(jì)方法

做了近百個(gè)網(wǎng)頁(yè)，總結(jié)的高質(zhì)量設(shè)計(jì)方法