編者按：設(shè)計最有趣的地方在于它的通用性，不論是音樂、建筑還是工業(yè)，設(shè)計的規(guī)則大同小異。今天這篇文章來自紐約的產(chǎn)品設(shè)計師妹子Melissa，她從建筑系畢業(yè)之后并未從事她的本職工作，2014年11月學(xué)習(xí)了兩個半月的網(wǎng)頁設(shè)計之后開始轉(zhuǎn)戰(zhàn)產(chǎn)品和UI設(shè)計了，目前供職于Percolate。不要小瞧她的設(shè)計素養(yǎng)，建筑系的系統(tǒng)學(xué)習(xí)賦予她對于廣泛意義上的設(shè)計更深入的認(rèn)知，這篇文章就是這半年多來的一個階段性答卷。

這篇文章總結(jié)了從建筑到產(chǎn)品UI的四個設(shè)計的基本原則。

關(guān)于如何再造交互設(shè)計，我們搜尋了一些網(wǎng)絡(luò)資料，再加上我們做10余年UI設(shè)計的經(jīng)驗(yàn)，總結(jié)了以下八個方面，希望可以為設(shè)計師們帶來一定的幫助：

1、定目的：確定設(shè)計目的。

筆者始終認(rèn)為，任何設(shè)計的核心在于目的，基于目的的設(shè)計，才能避免無效設(shè)計，可以根據(jù)產(chǎn)品定位或服務(wù)主旨等來制定目的，比如上文提到的星巴克，它的產(chǎn)品是咖啡，但是核心賣點(diǎn)其實(shí)是服務(wù)體驗(yàn)，它希望每位客人都感覺賓至如歸，所以它的交互或服務(wù)設(shè)計目的就是給客人完善貼心的服務(wù)體驗(yàn)。

一、了解工程實(shí)作的基本原理

許多人認(rèn)為創(chuàng)造力和邏輯是左右半腦分開管轄的、設(shè)計師和工程師使用的是不同部分的能力，所以大家各安其份做好自己的工作就好——我負(fù)責(zé)光鮮亮麗地畫圖，工程師就負(fù)責(zé)用超大聲的同刻鍵盤在黑色的屏幕上編寫外星文。

但事實(shí)上這種刻板印象除了阻礙你進(jìn)步以外可說是一點(diǎn)用都沒有（而且不見得是正確的）。

巴別塔的故事大家?guī)缀醵悸犨^，會造成溝通問題的原因很簡單，就是講的「語言」不同，而非思考方式不一樣——無論是什么領(lǐng)域，要成為佼佼者，都必須具備高度的創(chuàng)造和想象能力，而設(shè)計更是非常講求邏輯的行為。

用移動端收郵件的人越來越多，如何令郵件變得清晰易讀也成了一個設(shè)計難點(diǎn)。今天分享5個實(shí)戰(zhàn)經(jīng)驗(yàn)中總結(jié)的設(shè)計準(zhǔn)則，幫你搞定小屏幕上的郵件設(shè)計 。

移動設(shè)備上的郵件設(shè)計不僅僅是一個內(nèi)容填充列表，它涉及諸多設(shè)計元素。

對于移動設(shè)備的設(shè)計從來不是一件簡單的事情。人們采用不同的方式使用網(wǎng)絡(luò)，我們需要考慮一個全面的方案，特別是在小屏幕上使用郵件。

上一篇我們整理了優(yōu)秀設(shè)計師應(yīng)該知道的10大設(shè)計原則上篇供大家學(xué)習(xí)，今天，我們又整理了下篇的10大原則來和大家一塊探討，也歡迎廣大UI設(shè)計者參與討論，給我們多提寶貴的意見。

（1）強(qiáng)烈的視覺層次感

如果要讓屏幕的視覺元素具有清晰的瀏覽次序，那么應(yīng)該通過強(qiáng)烈的視覺層次感來實(shí)現(xiàn)。也就是說，如果用戶每次都按照相同的順序?yàn)g覽同樣的東西，視覺層次感不明顯的話，用戶不知道哪里才是目光應(yīng)當(dāng)停留的重點(diǎn)，最終只會讓用戶感到一團(tuán)糟。在不斷變更設(shè)計的情況下，很難保持明確的層次關(guān)系，因?yàn)樗械脑貙哟侮P(guān)系都是相對的：如果所有的元素都突出顯示，最后就相當(dāng)于沒有重點(diǎn)可言。如果要添加一個需要特別突出的元素，為了再次實(shí)現(xiàn)明確的視覺層級，設(shè)計師可能需要重新考慮每一個元素的視覺重量。雖然多數(shù)人不會察覺到視覺層次，但這是增強(qiáng)設(shè)計的最簡單的方法。

文字是人類文化的重要組成部分。無論在何種視覺媒體中，文字和圖片都是其兩大構(gòu)成要素。

文字排列組合的好壞直接影響視覺傳達(dá)效果。因此，文字設(shè)計是提高作品的訴求力，賦予作品審美價值的一種重要構(gòu)成技術(shù)。那么字體設(shè)計有什么要求呢？

整體風(fēng)格的統(tǒng)一

國內(nèi)的互聯(lián)網(wǎng)起步很晚，早期的互聯(lián)網(wǎng)設(shè)計也都較為“簡陋”，甚至多數(shù)界面純粹由程序同學(xué)自行搭建，所以相
對來說界面視覺設(shè)計上呈現(xiàn)的效果都不盡人意。隨著發(fā)展之迅速，人才噴涌，界面設(shè)計上越來越美觀好看，在經(jīng)歷由擬物化到扁平化的轉(zhuǎn)變過程中，人們也不再單純
關(guān)注于表象層面的美觀與否，更加重視瀏覽、操作、使用過程中的體驗(yàn)效果，所以“用戶體驗(yàn)”越來越被用戶所關(guān)注！

引用看到過的一句話：”海底撈的服務(wù)是設(shè)計出來的，沃爾瑪?shù)瘸械纳唐窋[位也是設(shè)計出來的，蘋果的產(chǎn)品就更不用說了。 而這一切的設(shè)計都要以“用戶體驗(yàn)”為導(dǎo)向，要從滿足用戶最基本的心里需求出發(fā)，要不斷的差異化 創(chuàng)新產(chǎn)品和服務(wù)得到用戶的認(rèn)可。”

“用戶體驗(yàn)”之于產(chǎn)品是從用戶了解到宣傳信息到使用該產(chǎn)品一直到結(jié)束整個過程中都一直存在，而設(shè)計作為產(chǎn)品的表現(xiàn)層，是用戶有形之中能看的到的，所以以用戶體驗(yàn)為導(dǎo)向的設(shè)計所應(yīng)有的表現(xiàn)我歸納為以下三點(diǎn)（當(dāng)然并非只有這三點(diǎn)）：

基于微信小程序輕快的特點(diǎn)，我們擬定了小程序界面設(shè)計指南和建議。 設(shè)計指南建立在充分尊重用戶知情權(quán)與操作權(quán)的基礎(chǔ)之上。旨在微信生態(tài)體系內(nèi)，建立友好、、一致的用戶體驗(yàn)，同時適應(yīng)和支持不同需求，實(shí)現(xiàn)用戶與小程序服務(wù)方的共贏。

優(yōu)秀的設(shè)計師之所以被稱為優(yōu)秀，除了他們設(shè)計的成果能給人帶來滿意的效果之外，最重要的一點(diǎn)，我想是他們獨(dú)有的一些方法和經(jīng)驗(yàn)給夠支撐他們走向優(yōu)秀，這一點(diǎn)正是那些剛做設(shè)計師所要學(xué)習(xí)的。那么要想成為一個優(yōu)秀的設(shè)計師，要把握那些設(shè)計原則呢？以下是那些優(yōu)秀的設(shè)計師總結(jié)的一些設(shè)計原則，希望能為那些初入行的設(shè)計師可以從中得到一些領(lǐng)悟:

（1）清晰度是首要工作

基于微信小程序輕快的特點(diǎn)，我們擬定了小程序界面設(shè)計指南和建議。 設(shè)計指南建立在充分尊重用戶知情權(quán)與操作權(quán)的基礎(chǔ)之上。旨在微信生態(tài)體系內(nèi)，建立友好、、一致的用戶體驗(yàn)，同時適應(yīng)和支持不同需求，實(shí)現(xiàn)用戶與小程序服務(wù)方的共贏。