UI設(shè)計師想要減少改稿次數(shù)，拒絕產(chǎn)品經(jīng)理“加一道光”的需求，首先要學(xué)會不靠感覺做設(shè)計。今天這篇文章從設(shè)計原則的重要性談起，總結(jié)了四個UI的基本設(shè)計原則，讓你每一個元素界面都有理有據(jù)，適合剛?cè)腴T的設(shè)計師，一起來學(xué)習(xí)。

圖形設(shè)計大師Paul Rand（保羅·蘭德）曾經(jīng)說過：

“設(shè)計絕不是簡單的排列組合與簡單地再編輯，它應(yīng)當(dāng)充滿著價值和意義，去說明道理，去刪繁就簡，去闡明演繹，去修飾美化，去贊美褒揚(yáng)，使其有戲劇意味，讓人們信服你所言……”

上面這段話現(xiàn)在看來有點啰嗦，畢竟是老外寫的嘛，但其實說得非常有道理。試想下如果一個設(shè)計師只是憑感覺（而不是理性）的去排列組合你的設(shè)計元素，或許你永遠(yuǎn)無法變成一個NB的設(shè)計師，更多的是別人眼里的“美工”。

事實上很多時候這樣狀態(tài)做出的設(shè)計，是很容易被推翻的。（特別是UI界面設(shè)計）

或許當(dāng)你很滿意的做完某個設(shè)計給別人看的時候，經(jīng)常有PM（產(chǎn)品經(jīng)理）或者其它攪屎棍這樣問：

“你為什么用這個顏色？這個按鈕為什么那么??？這個配圖好像并沒有表達(dá)我們想要的意思……”

設(shè)計師：“……”

其實很多設(shè)計師的內(nèi)心的回答是這樣的：

因為這個顏色好看啊，競品也用這個顏色啊。

按鈕做太大好難看，太土鱉啊，不夠高大上，不懂別BB。

臥槽，怎么沒有想要的意思啊，你行你上啊。

很多時候這些攪屎棍其實并不是覺得你設(shè)計得不好看，而是你的設(shè)計并不適用于當(dāng)下這個產(chǎn)品。

這就暴露出很多設(shè)計師并不是理性在做設(shè)計，而是相當(dāng)?shù)母行浴?/p>

So，為了能夠更好的闡述如何正確的進(jìn)行設(shè)計。思前想后，發(fā)現(xiàn)其實在做一個設(shè)計之前，需要你對將要進(jìn)行的設(shè)計有一個清晰的認(rèn)識。然后為了不至于犯一些低級的錯誤，了解和遵守設(shè)計原則顯得尤為重要。

腦袋里帶著這些原則去進(jìn)行思考和設(shè)計，那樣至少確保你是走在一個正確的道路上的。嚴(yán)格來說，遵守這些設(shè)計原則只是做出棒棒的設(shè)計的第一步而已。

什么是設(shè)計原則？都有哪些？哪個更加重要呢？

簡單點說就是設(shè)計時要遵守的必要準(zhǔn)則。而這些基本設(shè)計原則其實你我心里都知道，也在很多網(wǎng)頁上或者同事口中說起到。然后很多時候，就是做著做著就忘了，（￣工￣lll）

按照過往的經(jīng)驗，筆者將主要有以下四條基本設(shè)計原則，并按照優(yōu)先級來給她們做了排序：

1、清晰明了的設(shè)計

首先我們必須明白的一點，設(shè)計是服務(wù)于產(chǎn)品的?；蛘哒f是為了解決產(chǎn)品上碰到的問題而發(fā)揮作用的。因此，你所要設(shè)計的產(chǎn)品需要在某個界面或者節(jié)點上完成某個目標(biāo)。這個時候用戶在足夠清晰的界面環(huán)境中輕易完成任務(wù)顯得重中之重啊。

如果你打開一個頁面或者App，無從下手，不知點哪里?；蛘哒覀€想要的功能按鈕找個半天，臥槽，那恭喜你，你的產(chǎn)品可以去屎了。這個時候你的設(shè)計再漂亮也是白搭，（其實這類設(shè)計還真的蠻多的，其實你會發(fā)現(xiàn)那些牛逼的產(chǎn)品經(jīng)理不會整天和設(shè)計師過不去，只要設(shè)計的圖形或流程是能夠滿足產(chǎn)品需要的，他們都會通過，他們喜歡把主要精力放在產(chǎn)品邏輯和用戶體驗上，而不是設(shè)計得好看不好看的細(xì)節(jié)…

當(dāng)然那些矮窮矬的產(chǎn)品經(jīng)理沒事就喜歡和設(shè)計抬杠，不吐槽下設(shè)計，他們一般都渾身上下都不舒服，我只想說滾… 原諒我又沒忍?。?/p>

so，消滅歧義，幫助人們更準(zhǔn)確的理解和使用產(chǎn)品應(yīng)該是排在首位的。

2，高效的操作

其實單就高效而言，似乎與清晰明了差不多。但試想下，高效是不是就意味著清晰正確的處理目標(biāo)任務(wù)呢？答案是不一定的。高效無障礙不代表不會出錯。很順暢的出錯才叫慘，這個成本相當(dāng)?shù)拇蟮摹?/p>

另外一個極端就是交互層級太復(fù)雜，本來兩步就可以完成的東西，硬是饒了一圈，搞個4-5步才完成。這尼瑪就是作孽，一般這類產(chǎn)品不是被吐槽的很慘就是直接棄之，

能一步完成的東西不要設(shè)計成兩步。知道為什么iPhone為什么那么火嗎？除開品牌和喬布斯的個人魅力，iPhone的手機(jī)用起來是真的爽，，因為用起來真的很簡單，筆者沒玩過任何智能設(shè)備的老爸一拿上手就知道怎么點，，所以說蘋果的設(shè)計叫什么？叫做功力！

所以優(yōu)化功能邏輯，減少層級，同時預(yù)判結(jié)果，讓流程更順暢。讓人們使用的更加輕松快捷的完成設(shè)計目標(biāo)，才是王道。

3，設(shè)計的一致性

人是個很敏銳的動物，你會發(fā)現(xiàn)，你特別容易發(fā)現(xiàn)一堆同類物品中的異類。

例如Windows的關(guān)閉窗口按鈕是在右上角，而Mac的關(guān)閉窗口按鈕是在左上角，無論是你之前是在用這兩個中間的哪個系統(tǒng)，突然跳到另一個系統(tǒng)你肯定會特別特別不習(xí)慣，因為你已經(jīng)熟悉了那個操作方式，直覺告訴你那樣才是關(guān)閉按鈕的正確姿勢，，

所以對于相同的問題，提供相同的解決方案，減輕用戶的認(rèn)知及記憶負(fù)荷，一旦確定一個設(shè)計模式，打造更符合直覺的產(chǎn)品體驗顯得相當(dāng)重要。

當(dāng)然在某些時候，為了能夠突出某個功能，或者讓人加深印象，故意設(shè)計成不一致的情況也不是沒有，，所以說到底還是為了產(chǎn)品的目標(biāo)，靈活運用此原則就對了。

4，美觀大方的設(shè)計

很遺憾，盡管筆者也是GUI出身，但當(dāng)仔細(xì)分析過之后，你會發(fā)現(xiàn)，一個產(chǎn)品漂不漂亮確確實實是排在前三個原則之后的，，因為它并不是用戶體驗的核心所在， ╮(╯_╰)╭

舉個最最簡單的栗子。我想大家對微信都了解得不能再了解。但其實作為設(shè)計師的你真的覺得微信設(shè)計得漂亮么？筆者的答案是，微信設(shè)計得中規(guī)中矩，與很多“漂亮的App”比，他顯得普通。但是，微信設(shè)計得讓你挑不出太多的毛病，甚至有些細(xì)節(jié)讓人覺得很棒，對于一個過億級的產(chǎn)品，不出錯，且用戶能夠很清晰快速的完成他的目標(biāo)，那它就妥妥的成功啦·，

有句話說的好，“最好的設(shè)計就是沒有設(shè)計”。換句話說就是，好的設(shè)計讓你感覺不出來它是經(jīng)過設(shè)計的。一切都是那么的自然和順理成章，

所以，漂亮和美觀只是提升體驗和激發(fā)共鳴或者說愉悅的一個重要手段。對于一個產(chǎn)品而言，特別是那種大的產(chǎn)品，完成目標(biāo)任務(wù)永遠(yuǎn)是第一位。設(shè)計師所要做的是細(xì)節(jié)耐心的打磨界面，讓別人更加愿意花費時間和精力去使用你的產(chǎn)品。

總結(jié)

看到結(jié)尾，其實你會發(fā)現(xiàn)其實本文并不是針對視覺設(shè)計師而寫的。筆者的個人想法在于，要想成為一名優(yōu)秀的設(shè)計師，需要從多個角度去給自己施肥。技能只是成為一名優(yōu)秀設(shè)計師的其中一個必備條件。

如果你在開展設(shè)計時，考慮的不僅僅是作為一個視覺設(shè)計師的那塊內(nèi)容，或許你的高度已經(jīng)不一樣了。當(dāng)你足夠的清楚這些原則，足夠了解你的產(chǎn)品的時候，或許你與產(chǎn)品經(jīng)理已經(jīng)在同一高度去考慮問題。那樣你設(shè)計的東西也就不再那么經(jīng)不起推敲了。

希望本文能夠?qū)δ阌兴鶐椭?/p>

分享名稱：四個基礎(chǔ)的UI設(shè)計原則
轉(zhuǎn)載來源：http://www.rwnh.cn/news/163182.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、網(wǎng)站維護(hù)、外貿(mào)建站、全網(wǎng)營銷推廣、電子商務(wù)、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)