在移動(dòng)互聯(lián)網(wǎng)越來(lái)越火的今天，手機(jī)成為了人們離不開(kāi)的工具，隨著智能手機(jī)時(shí)代的到了，各種各樣的手機(jī)軟件也越來(lái)越多，而這些軟件界面的設(shè)計(jì)也成為了不可或缺的一部分，那么今天我們就來(lái)說(shuō)一說(shuō)有關(guān)軟件界面設(shè)計(jì)時(shí)需要把握的一些設(shè)計(jì)關(guān)鍵！當(dāng)然了，這些關(guān)鍵不僅僅局限于對(duì)手機(jī)界面的設(shè)計(jì)，同時(shí)也適用于其他軟件的界面設(shè)計(jì)上。設(shè)計(jì)關(guān)鍵點(diǎn)如下：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（1）清晰度是首要工作