目錄：

一、設(shè)計(jì)前的思考

1、設(shè)計(jì)思維模式

2、設(shè)計(jì)理念的確立

3、案例分析（9點(diǎn)）

二、設(shè)計(jì)時(shí)需注意

案例分析（12點(diǎn)）

一、設(shè)計(jì)前的思考

首先需要思考的問(wèn)題：設(shè)計(jì)思維模式、設(shè)計(jì)理念的確立

1、設(shè)計(jì)思維模式：

設(shè)計(jì)思維是一套在設(shè)計(jì)前需要思考的結(jié)構(gòu)化的流程，用來(lái)解決以人為本的問(wèn)題。其目的是把在設(shè)計(jì)前所遇到的與設(shè)計(jì)相關(guān)的問(wèn)題結(jié)構(gòu)化，化繁為簡(jiǎn)，形成一套流程，從而進(jìn)行有序的思考。

設(shè)計(jì)思維是一種思維模式和認(rèn)知方式，其最大的特點(diǎn)是已知需要解決問(wèn)題的結(jié)果，如何在已知最終結(jié)果的情況下更好更高效的解決問(wèn)題是其核心目標(biāo)。

思維方式的確立，可以有效的為設(shè)計(jì)做好前期準(zhǔn)備，提高設(shè)計(jì)的效率，更準(zhǔn)確的為“以人為本”出發(fā)而服務(wù)。

作者 Timo Kuilder

2、設(shè)計(jì)理念：

設(shè)計(jì)理念是在設(shè)計(jì)構(gòu)思前所確立的主導(dǎo)思想，它不僅是設(shè)計(jì)的精髓，也賦予作品文化內(nèi)涵和風(fēng)格特點(diǎn)。
好的設(shè)計(jì)理念很重要，可以使你的設(shè)計(jì)擁有屬于自己的獨(dú)特風(fēng)格。

設(shè)計(jì)理念必須以人為本，針對(duì)用戶年齡、職業(yè)、愛(ài)好等特點(diǎn)，進(jìn)行整合，根據(jù)用戶主觀方面的個(gè)人喜好，從而進(jìn)行設(shè)計(jì)。

作者 Timo Kuilder

3、案例分析：

1、專注：確定產(chǎn)品的主要功能，功能的明確可以幫助用戶最高效的完成任務(wù)

案例1：百度網(wǎng)盤

百度網(wǎng)盤是一款云存儲(chǔ)服務(wù)產(chǎn)品，用戶將可以輕松將自己的文件上傳到網(wǎng)盤上，并可跨終端隨時(shí)隨地查看和分享。

案例2：有道云筆記

有道云筆記是一款專注辦公提效的筆記軟件，支持多端同步，用戶可以隨時(shí)隨地對(duì)線上資料進(jìn)行編輯、分享以及協(xié)同。

2、特色：每款產(chǎn)品都有屬于自己的特色，區(qū)別于同行產(chǎn)品的不同之處，結(jié)合產(chǎn)品調(diào)性設(shè)計(jì)，不要盲目跟風(fēng)；它可以是功能、體驗(yàn)、或者是視覺(jué)

案例：每日故宮

每日故宮是一款以日歷的形式推出故宮藏品的應(yīng)用，“每天一件故宮藏品”，“讓觀眾隨時(shí)隨地看到故宮藏品”。其主要特色功能就是以日歷的形式展示內(nèi)容，在視覺(jué)和圖標(biāo)上也有自己的特色。

3、情感：在設(shè)計(jì)的過(guò)程中，可以加入情感化設(shè)計(jì)，使用戶將情感融入產(chǎn)品中，關(guān)系更緊密

案例：淘票票

有趣的文案結(jié)合IP可以快速的將用戶代入產(chǎn)品中，增強(qiáng)與用戶之間的親和力，有種身臨其境的感覺(jué)

4、互動(dòng)：動(dòng)效的運(yùn)用可以給用戶帶來(lái)不一樣的感官視覺(jué)，即使只是一個(gè)小小的按鈕

案例：最右底部Tab欄切換狀態(tài)，其互動(dòng)可以增強(qiáng)用戶與產(chǎn)品之間的互動(dòng)

5、調(diào)研：調(diào)研可以了解產(chǎn)品所在行業(yè)的情況、市場(chǎng)需求、競(jìng)爭(zhēng)力、同類型產(chǎn)品的優(yōu)劣勢(shì)等，從而更好的設(shè)計(jì)產(chǎn)品

調(diào)研方法：按調(diào)研途徑分為文案調(diào)研、在線訪問(wèn)、電話訪問(wèn)和實(shí)地調(diào)研

調(diào)研工具：?jiǎn)柧硇?、?wèn)卷網(wǎng)等

分析工具：Origin是一款常用的數(shù)據(jù)分析軟件，操作簡(jiǎn)單，可視化直觀；SPSS是一款專業(yè)分析工具，其功能包括數(shù)據(jù)管理、統(tǒng)計(jì)分析等

6、用戶：研究用戶特征、細(xì)分用戶，站在用戶角度思考，了解用戶想要什么樣的產(chǎn)品

用戶研究：

是一種理解用戶，將他們的目標(biāo)、需求與產(chǎn)品宗旨相匹配的理想方法，能夠幫助定義產(chǎn)品的目標(biāo)用戶群

用戶研究重點(diǎn)工作在于研究用戶的痛點(diǎn)，包括前期用戶調(diào)查、情景實(shí)驗(yàn)等

作者 Timo Kuilder

7、場(chǎng)景：需要考慮用戶使用場(chǎng)景是怎么樣的，不同場(chǎng)景功能需求不同，可以用故事板的形式展示用戶場(chǎng)景

使用場(chǎng)景：

包括時(shí)間、空間、設(shè)備支持、社交及用戶情緒等，進(jìn)行應(yīng)用場(chǎng)景的判斷和描述的時(shí)候，需要考慮全面，不同的場(chǎng)景下存在著用戶不同的需求。

故事板：

故事板也叫分鏡腳本，雖然更多用在電影、動(dòng)畫、電視劇、廣告等影像媒體的創(chuàng)作前期

故事板工具：Boords

Boords界面簡(jiǎn)約美觀、操作簡(jiǎn)單，滿足制作故事板的基本功能

8、數(shù)據(jù)：以數(shù)據(jù)為依據(jù)從而進(jìn)行設(shè)計(jì)，不做沒(méi)數(shù)據(jù)支撐且無(wú)意義的設(shè)計(jì)

數(shù)據(jù)統(tǒng)計(jì)：百度統(tǒng)計(jì)、百度指數(shù)、阿里指數(shù)等

百度統(tǒng)計(jì)：全球最大的中文網(wǎng)站流量分析平臺(tái),幫助企業(yè)收集網(wǎng)站訪問(wèn)數(shù)據(jù)

百度指數(shù)：

百度指數(shù)是以百度海量網(wǎng)民行為數(shù)據(jù)為基礎(chǔ)的數(shù)據(jù)分享平臺(tái)。在這里,你可以研究關(guān)鍵詞搜索趨勢(shì)、洞察網(wǎng)民興趣和需求、監(jiān)測(cè)輿情動(dòng)向、定位受眾特征

阿里指數(shù)：

是定位于“觀市場(chǎng)”的數(shù)據(jù)分析平臺(tái)，旨在為中小企業(yè)用戶、業(yè)界媒體、市場(chǎng)研究人員,了解市場(chǎng)行情、查看熱門行業(yè)、分析用戶群體、研究產(chǎn)業(yè)基地等

作者 Timo Kuilder

9、少即是多：突出用戶所需的主要功能即可，其他功能可弱化或者直接去掉

少即是多：

現(xiàn)代主義設(shè)計(jì)建筑大師——米斯·凡德羅提出

在設(shè)計(jì)中：

少即是多就是明確目標(biāo)，專注地圍繞用戶目標(biāo)進(jìn)行設(shè)計(jì)，將產(chǎn)品打造得簡(jiǎn)單易用，同時(shí)又能夠解決用戶的需求

案例：留白

留白是一款提供多種圖文排版樣式，可以將文字、署名和日期安置在圖片以外的留白區(qū)域，讓你記錄的每一個(gè)精彩畫面都變成有故事的留白卡片

二、設(shè)計(jì)時(shí)需思考

設(shè)計(jì)時(shí)需要思考的問(wèn)題：

1、簡(jiǎn)約：簡(jiǎn)潔的界面可以減少用戶發(fā)生錯(cuò)誤操作，減少認(rèn)知成本，便于用戶了解和使用

案例：字里行間

字里行間是一款文學(xué)性非常清新的文字閱讀與創(chuàng)作軟件，可以讓用戶靜下心來(lái)閱讀與創(chuàng)作，整體設(shè)計(jì)簡(jiǎn)潔，界面結(jié)構(gòu)清晰，減少了用戶的學(xué)習(xí)成本。

2、易用：容易上手的產(chǎn)品才是成功的產(chǎn)品，從用戶思維入手，功能一目了然，操作更方便

案例：句讀

這是一款不錯(cuò)的掌上語(yǔ)句社區(qū)，每天可以輕松的看到豐富的優(yōu)質(zhì)語(yǔ)句，解決了用戶想要一款可以體驗(yàn)精彩文學(xué)內(nèi)容產(chǎn)品的APP，功能按鈕明確，操作快捷，符合用戶需求。

3、視覺(jué)：產(chǎn)品是否好用為第一重要性，視覺(jué)也不可缺少，強(qiáng)烈的視覺(jué)可以抓住用戶的眼球，給用戶留下印象，讓用戶記住你的產(chǎn)品

案例1：CCtalk

這是一款致力于為學(xué)習(xí)愛(ài)好者打造的在線互動(dòng)學(xué)習(xí)平臺(tái)，疊加圖標(biāo)的運(yùn)用在界面上特別突出，整體視覺(jué)給人強(qiáng)烈的感覺(jué)。

案例2：飛豬

這是一款提供機(jī)票、酒店、旅游線路等商品的綜合性旅游出行網(wǎng)絡(luò)交易服務(wù)平臺(tái)，金剛區(qū)的圖標(biāo)設(shè)計(jì)得很精致，給人印象深刻，吸引用戶點(diǎn)擊。

4、色彩：品牌色和輔助色的確立，確定適合產(chǎn)品的品牌色，品牌色可以加強(qiáng)用戶對(duì)產(chǎn)品的認(rèn)知

品牌色：品牌色可以決定產(chǎn)品的基本調(diào)性，讓用戶在眾多產(chǎn)品中一眼就看到你的產(chǎn)品，容易被記住和識(shí)別。

案例：網(wǎng)易云音樂(lè)、BOSS直聘

網(wǎng)易云音樂(lè)、BOSS直聘的品牌配色都很簡(jiǎn)單，BOSS直聘的配色只有綠色和白色，配色單一卻顯得突出。品牌色運(yùn)用到界面可以加強(qiáng)用戶對(duì)產(chǎn)品的認(rèn)知。

5、規(guī)范：規(guī)范設(shè)計(jì)的統(tǒng)一，在視覺(jué)上起到整齊的效果，保證產(chǎn)品的統(tǒng)一性

案例：QQ音樂(lè)圓角的設(shè)計(jì)，圓角的統(tǒng)一和運(yùn)用使頁(yè)面看上去圓潤(rùn)有親和力，適合聽歌的時(shí)候那種放松的心情

6、習(xí)慣：遵循用戶的操作習(xí)慣，設(shè)計(jì)是為了讓用戶更好的體驗(yàn)，而不是讓用戶用的不舒服

案例1：淘寶

案例2：京東

搜索欄和分類：搜索欄和分類都是電商類平臺(tái)最重要功能，兩款產(chǎn)品都遵循用戶的操作習(xí)慣，放置了右上側(cè)，是因?yàn)橛脩粢呀?jīng)對(duì)這些功能的位置形成記憶

7、安全：在設(shè)計(jì)中要考慮的重要因素就是安全性，以及操作和選擇都是可逆的，可以減少用戶的懷疑和心理疑惑

案例1：微信聊天撤回和重新編輯功能

案例2：智行火車票退票功能

案例3：淘寶退款、退貨功能

8、人性化：用戶可以根據(jù)自己的操作習(xí)慣、所需功能或者愛(ài)好制定界面

案例1：UC頭條的頻道選擇、形象選擇

案例2：酷狗新版選擇主題皮膚

兩款產(chǎn)品都很人性化，用戶可以根據(jù)自己喜好選擇關(guān)注的內(nèi)容和風(fēng)格

9、反饋：用戶操作出現(xiàn)異常的時(shí)候，及時(shí)給予用戶反饋信息，并出現(xiàn)正確引導(dǎo)

案例1：QQ閱讀的書架還沒(méi)有任何書本的時(shí)候

案例2：虎課網(wǎng)在沒(méi)有登錄賬戶的時(shí)候出現(xiàn)的反饋界面

案例3：Soul網(wǎng)絡(luò)異常

案例4：喜馬拉雅未成年模式

10、警告框：在緊急中斷、需要確認(rèn)和通知用戶的情況下使用，友好的文案，可減少用戶心理的不適

案例1：微博在無(wú)WiFi網(wǎng)絡(luò)的情況下播放視頻

案例2：騰訊課堂網(wǎng)絡(luò)異常

11、加載：分為靜態(tài)和動(dòng)態(tài)兩種形式，動(dòng)態(tài)加載可以吸引用戶的注意力，減少用戶等待的焦慮和無(wú)聊

案例1：?jiǎn)袅▎袅ㄊ醉?yè)和頁(yè)面加載狀態(tài)，首頁(yè)加載是動(dòng)態(tài)，而頁(yè)面加載的形式是靜態(tài)

案例2：虎牙直播動(dòng)態(tài)加載狀態(tài)

12、引導(dǎo)：引導(dǎo)功能，便于用戶了解功能和操作界面，產(chǎn)品更新后也可以使用引導(dǎo)來(lái)告訴用戶

案例1：芒果TV功能更新指引

案例2：酷狗功能更新指引

案例3：每日故宮功能解說(shuō)和功能更新引導(dǎo)

小結(jié)

希望通過(guò)這次的UI設(shè)計(jì)思考總結(jié)，讓自己變得更好更優(yōu)秀，總結(jié)是對(duì)自我的成長(zhǎng)和監(jiān)督，不僅可以提高工作的效率，還可以加強(qiáng)對(duì)產(chǎn)品的思考能力。結(jié)合UI設(shè)計(jì)思考過(guò)程，體驗(yàn)不同的產(chǎn)品，感受不同的設(shè)計(jì)，注意細(xì)節(jié)、認(rèn)真分析

作者：黑澤雙熾    來(lái)源：站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司