掌握這10條設(shè)計理念！讓同事（客戶）更好的了解設(shè)計

設(shè)計師同學(xué)們，我想大家都會在被指點江山之后，產(chǎn)生這樣一個疑問：該如何讓你的非設(shè)計師同事更好的了解設(shè)計，從而避免因彼此的主觀而導(dǎo)致的理解鴻溝呢？

想必下面這篇文章，你真該要推薦他們讀一下了。（您也一定要掌握熟記這些理念，方便自己更好的闡述設(shè)計意圖）

無論你是設(shè)計師，還是開發(fā)者，即便你是設(shè)計愛好者，都應(yīng)該知道這10條 Kyle Fiedler 列出的最基本的設(shè)計理念。

01. 設(shè)計并不只有視覺

比如這款產(chǎn)品，其體驗不只是視覺性的。只有在用戶喝過之后，才能感受到其產(chǎn)品的核心體驗——純凈的水，和諧的味道。視覺設(shè)計僅僅是設(shè)計的一部分。設(shè)計關(guān)乎到用戶使用產(chǎn)品、瀏覽網(wǎng)頁的整體體驗。

用戶為何要使用這款應(yīng)用、這款網(wǎng)頁？怎樣用？這是設(shè)計要去解決的現(xiàn)實問題，網(wǎng)站的加載速度如何？這也是設(shè)計要解決的問題。

點擊、觸控、懸停的效果如何？這還是設(shè)計要解決的問題，不僅僅是視覺，很多細(xì)節(jié)上的整體體驗都需要設(shè)計去規(guī)劃。

你認(rèn)為只有視覺設(shè)計師配叫"設(shè)計師"？其實不然，一個項目中，每一位參與者都可以被稱之為"設(shè)計師"，因為產(chǎn)品的體驗和交互，是在所有人的共同努力下完成的。因此無論是前端、后端還是PM，他們都在產(chǎn)品的研發(fā)過程中思考著屬于自己職責(zé)內(nèi)的產(chǎn)品設(shè)計。

相關(guān)推薦：《四大秘要！讓用戶第一眼就愛上你的網(wǎng)站》

02. 以用戶為中心

用戶為核心，而不是設(shè)計師、產(chǎn)品為核心

設(shè)計的中心不是設(shè)計師，不是產(chǎn)品，更不是開發(fā)者，而是用戶。產(chǎn)品好不好，用戶說的算。以用戶為中心的設(shè)計，更容易成功、更有效、體驗更好。

在本人帶學(xué)生、帶菜鳥的時候，我通常會讓他們注意一點：設(shè)計要以用戶為核心。要知道你的用戶是誰？用戶使用你的產(chǎn)品做什么？用戶的使用感受怎樣？用戶在遇到什么樣的情況后，會放棄你的產(chǎn)品？

但是當(dāng)遇到更大的項目時，我會換一種方法，從一種更廣義的角度思考問題，應(yīng)該用人性化的情感進行設(shè)計，通過"敘事性引導(dǎo)"的手段來完美表達(dá)設(shè)計的細(xì)節(jié)和情感，暗示和引導(dǎo)用戶。

設(shè)計師不是獨裁者，不應(yīng)該"統(tǒng)治"用戶體驗，而是應(yīng)該根據(jù)用戶的具體情況，讓設(shè)計順應(yīng)用戶的需求。這才是核心要義。

關(guān)于用戶體驗，我覺得您一定要關(guān)注這篇文章《設(shè)計師應(yīng)該知道的15個UI優(yōu)化秘訣》

03.雕琢細(xì)節(jié)

每一個細(xì)節(jié)都要做到細(xì)膩，例如鏈接使用正確的藍(lán)色色調(diào)，字體間距充余。

細(xì)節(jié)能夠?qū)?yōu)秀的設(shè)計轉(zhuǎn)化為偉大的設(shè)計。注重細(xì)節(jié)，才能讓你的作品脫穎而出，才能令用戶滿意。

細(xì)節(jié)往往很難于捕捉，建議不要在設(shè)計流程的早期就開始抓細(xì)節(jié)，這樣比較耗時，放到后期較好。

相關(guān)推薦：《如何培養(yǎng)良好的設(shè)計習(xí)慣：把握細(xì)節(jié)》

04. 設(shè)計時需要多畫草圖

草圖是一個非常廉價、迅捷、方便的工具。

它有助于我們進行思考，幫我們劃分層級，為我們建立起合理的工作流程。

只需30秒就能畫出一個理念，無論是布局、體驗設(shè)計還是用戶流程，都能用草圖體現(xiàn)。

在上學(xué)時，我的大學(xué)老師禁止我們使用計算機而是用紙，這直接培養(yǎng)了我畫草圖的習(xí)慣。在畫草圖的過程中，我們會不斷的更新理念，不斷的進行思考，探索各種可能性。然而，我身邊依然有很多設(shè)計師，不畫草圖就直接開始設(shè)計，這樣的設(shè)計過程缺少了很多"可能性"。

而且草圖人人都能畫。每個人都會畫方框、箭頭、以及曲線，因此草圖絕對是非常有用的設(shè)計工具。

相關(guān)推薦：《讓高手教你如何規(guī)劃網(wǎng)頁設(shè)計草圖》

05. 留白

蘋果的留白設(shè)計突出了自己的產(chǎn)品，這對很多前端開發(fā)者來說似乎是一個很晦澀的概念，留白能讓頁面充滿更多的呼吸空間。讓段落和句子更加清爽利落，讓重要的視覺元素更加突出。

關(guān)于留白，如果您還有其他疑問，推薦您看看《我們?yōu)楹我谠O(shè)計中重視"留白"》

06. 柵格線不是CSS中的框架

柵格線的功能有以下幾點

• 更緊密的連接多個對象間的關(guān)系
• 視覺上，提供了基本的對齊系統(tǒng)
• 幫助構(gòu)建水平和垂直方向的閱讀節(jié)奏感
• 打造出視覺平衡

頁面中的每一個元素都是一名士兵，柵格線是規(guī)矩和紀(jì)律，在柵格線的約束下，所有的元素都能緊密結(jié)合，排布有序，形成一個整齊劃一的"軍隊"

07. 主角只有一個

如果不分主次，強調(diào)每一個元素，那么，到底誰才是主角？

這是很重要的一點，一次最好只強調(diào)一個元素，這樣視覺層級會變得清晰，頁面會更加易讀。

08. 建立一個靈感圖庫

靈感圖庫要多保存一些能夠激發(fā)你靈感的作品，可以是照片、視頻、海報、T恤，也可是網(wǎng)站。也許以后用得到的時候可以回來參考。

同時，仔細(xì)觀察這些設(shè)計，試圖從更深層次去研究細(xì)節(jié)，或是研究設(shè)計者的設(shè)計手法，應(yīng)用到你的設(shè)計中，或是琢磨設(shè)計者的靈感，也許會給你帶來新的啟發(fā)。

當(dāng)然咯，如果你不喜歡在本地存儲圖片，那么推薦你到我們備受歡迎的"設(shè)計師網(wǎng)址導(dǎo)航"的圖庫查找，藏著12個頂級的高清圖庫網(wǎng)站。詳戳 → http://hao.uisdc.com/

你只需要根據(jù)關(guān)鍵字搜索自己喜歡的素材即可：）

09.設(shè)計的意義在于解決問題

設(shè)計的意義在于通過思考，提供解決方案。

在我看來頁面上的每一個元素都有自己存在的理由，都能夠解決某一問題。

因此我個人的習(xí)慣是去掉一些花哨、不能解決實際問題的功能和元素。從而讓頁面更具功能性。

10. 不光要會設(shè)計，還要會講，會評判

你知道設(shè)計師為什么最煩"指點江山"嗎？因為指點江山的人一點都不懂，他們往往喜歡這么說：

這個紅色的圓變成藍(lán)色的比較好，這段文字距離大一點比較好，這個Logo小一點吧。

問題是，你只告訴了設(shè)計師怎么做，沒有告訴他為什么。

你要擺事實，講道理

要告訴他們?yōu)槭裁催@么做，要從設(shè)計目標(biāo)、使用流程、用戶流程、視覺原則等方面出發(fā)，陳述你的看法。

原文地址：creativebloq
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊：網(wǎng)頁設(shè)計師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計指南http://hao.uisdc.com/ps/。
設(shè)計微博：擁有粉絲量57萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：