目錄：

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

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

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

3、案例分析（9點）

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

案例分析（12點）

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

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

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

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

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

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

作者 Timo Kuilder

2、設(shè)計理念：

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

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

作者 Timo Kuilder

3、案例分析：

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

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

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

案例2：有道云筆記

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

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

案例：每日故宮

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

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

案例：淘票票

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

4、互動：動效的運用可以給用戶帶來不一樣的感官視覺，即使只是一個小小的按鈕

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

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

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

調(diào)研工具：問卷星、問卷網(wǎng)等

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

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

用戶研究：

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

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

作者 Timo Kuilder

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

使用場景：

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

故事板：

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

故事板工具：Boords

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

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

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

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

百度指數(shù)：

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

阿里指數(shù)：

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

作者 Timo Kuilder

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

少即是多：

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

在設(shè)計中：

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

案例：留白

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

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

設(shè)計時需要思考的問題：

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

案例：字里行間

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

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

案例：句讀

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

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

案例1：CCtalk

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

案例2：飛豬

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

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

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

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

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

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

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

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

案例1：淘寶

案例2：京東

搜索欄和分類：搜索欄和分類都是電商類平臺最重要功能，兩款產(chǎn)品都遵循用戶的操作習(xí)慣，放置了右上側(cè)，是因為用戶已經(jīng)對這些功能的位置形成記憶

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

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

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

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

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

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

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

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

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

案例1：QQ閱讀的書架還沒有任何書本的時候

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

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

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

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

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

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

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

案例1：嗶哩嗶哩首頁和頁面加載狀態(tài)，首頁加載是動態(tài)，而頁面加載的形式是靜態(tài)

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

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

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

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

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

小結(jié)

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

作者：黑澤雙熾    來源：站酷

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

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

藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司