无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

UI設(shè)計(jì)是這樣一步步完成的！

2016-10-28    鶴鶴

 藍(lán)藍(lán)設(shè)計(jì)( www.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù) 

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

UI交互設(shè)計(jì)似乎在一夜之間成為大家街談巷議的話題，那么UI設(shè)計(jì)到底做什么，這要從UI設(shè)計(jì)的工作流程說起——產(chǎn)品/交互/設(shè)計(jì)。也就是說一般我們接到的是交互稿。

這時(shí)候，UI設(shè)計(jì)師看到交互稿，需要考慮的是：

1.信息的排布是否合理？

2.信息重點(diǎn)在哪里？

3.用戶人群是哪一類？

1、選擇色調(diào)

比如同樣是團(tuán)購(gòu)，糯米用的是桃紅色，而美團(tuán)是翠綠色。那么我們?cè)赨I設(shè)計(jì)的時(shí)候首先就要考慮主色調(diào)的問題。

2、

選擇配色和輔助色

在考慮到產(chǎn)品氣質(zhì)和品牌色的同時(shí)，我們經(jīng)常要考慮配合襯托產(chǎn)品主色調(diào)的輔助色。在不同的產(chǎn)品中，輔助色運(yùn)用的策略是不同的，比如我們經(jīng)常說的：鄰近色、對(duì)比色等。都是我們選擇輔助色的方法。

3、

選擇表達(dá)風(fēng)格

當(dāng)前扁平風(fēng)格大行其道。但是在扁平中也有區(qū)別。比如下圖，同樣是扁平。但是左圖微微帶有一些光影，而右圖是純扁平。你能說哪個(gè)好或者不好嗎？不能。

同樣的信息，在UI的表達(dá)上也有不同的表達(dá)方式。那么只能在具體你的UI設(shè)計(jì)中去考慮具體你需要用什么風(fēng)格。這些都是UI設(shè)計(jì)師的工作內(nèi)容。

4、
選擇圖標(biāo)風(fēng)格

同樣是設(shè)置、發(fā)現(xiàn)、首頁(yè)，不同的app在基本結(jié)構(gòu)一致的情況下也有很多細(xì)微的差別。到底是要用圓角的icon、還是直角，是用面還是線形，這背后的設(shè)計(jì)語言邏輯是什么，設(shè)計(jì)目的是什么。都是需要UI設(shè)計(jì)師來考慮。

比如：同樣是騰訊的產(chǎn)品，手Q和微信的icon就完全不一樣。其原因是由于產(chǎn)品面面對(duì)的人群不同，手Q更偏年輕化。同樣，你去看陌陌、來往、易信的聊天icon也是不一樣的。這都是需要UI設(shè)計(jì)師一點(diǎn)點(diǎn)摳細(xì)節(jié)的去畫出來的。

5、

如何表達(dá)情感化設(shè)計(jì)

在一些細(xì)節(jié)頁(yè)面我們常常要考慮情感化設(shè)計(jì)，以此來提升app的品質(zhì)，降低用戶在異常情況下的挫敗感。同時(shí)好的設(shè)計(jì)師還會(huì)考慮到如何更好地引導(dǎo)用戶，從而滿足產(chǎn)品訴求。不同的產(chǎn)品在做情感化設(shè)計(jì)的時(shí)候方式方法不同，風(fēng)格也不一樣。這些也都是需要UI設(shè)計(jì)師來處理。

6、

如何設(shè)計(jì)動(dòng)作效果

手機(jī)交互是動(dòng)態(tài)的，所以在一些跳轉(zhuǎn)頁(yè)面引用動(dòng)效設(shè)計(jì)，是對(duì)app加分的好方法。

7、

設(shè)計(jì)圖標(biāo)icon

一萬個(gè)人有一萬個(gè)答案，具體怎么做，還是要考慮用戶、場(chǎng)景、需求等細(xì)節(jié)。產(chǎn)品可以提供方向，但是具體的落地還是需要UI設(shè)計(jì)師來完成。

8、

進(jìn)行適配、切圖

你不僅是做個(gè)好看的東西，要能用，開發(fā)要能開發(fā)。你要考慮iphone4iphone5、iphone6，還要考慮不同的安卓720/1280/1920，甚至有些公司要特殊考慮某些屏幕。

在某些小公司，UI要肩負(fù)和產(chǎn)品一起考慮交互的問題。這時(shí)候經(jīng)常需要UI師儲(chǔ)備足夠的視覺設(shè)計(jì)能力和良好的交互設(shè)計(jì)能力。

（注：本文轉(zhuǎn)自微信公眾號(hào)UI設(shè)計(jì)）

 

日歷

鏈接

個(gè)人資料

存檔