“設(shè)計(jì)絕不是簡(jiǎn)單的排列組合與簡(jiǎn)單地再編輯艰猬,它應(yīng)當(dāng)充滿著價(jià)值和意義,去說(shuō)明道理埋市,去刪繁就簡(jiǎn)冠桃,去闡明演繹,去修飾美化道宅,去贊美褒揚(yáng)食听,使其有戲劇意味,讓人們信服你所言……”
上面這段話現(xiàn)在看來(lái)有點(diǎn)啰嗦污茵,畢竟是老外寫的嘛樱报,但其實(shí)說(shuō)得非常有道理。試想下如果一個(gè)設(shè)計(jì)師只是憑感覺(而不是理性)的去排列組合你的設(shè)計(jì)元素省咨,或許你永遠(yuǎn)無(wú)法變成一個(gè)NB的設(shè)計(jì)師肃弟,更多的是別人眼里的“美工”玷室。
事實(shí)上很多時(shí)候這樣狀態(tài)做出的設(shè)計(jì)零蓉,是很容易被推翻的笤受。(特別是UI界面設(shè)計(jì))
或許當(dāng)你很滿意的做完某個(gè)設(shè)計(jì)給別人看的時(shí)候,經(jīng)常有PM(產(chǎn)品經(jīng)理)或者其它攪屎棍這樣問:
“你為什么用這個(gè)顏色敌蜂?這個(gè)按鈕為什么那么新崾蕖?這個(gè)配圖好像并沒有表達(dá)我們想要的意思……”
設(shè)計(jì)師:“……”
其實(shí)很多設(shè)計(jì)師的內(nèi)心的回答是這樣的:
因?yàn)檫@個(gè)顏色好看啊章喉,競(jìng)品也用這個(gè)顏色啊汗贫。
按鈕做太大好難看,太土鱉啊秸脱,不夠高大上落包,不懂別BB。
臥槽摊唇,怎么沒有想要的意思啊咐蝇,你行你上啊。
很多時(shí)候這些攪屎棍其實(shí)并不是覺得你設(shè)計(jì)得不好看巷查,而是你的設(shè)計(jì)并不適用于當(dāng)下這個(gè)產(chǎn)品有序。
這就暴露出很多設(shè)計(jì)師并不是理性在做設(shè)計(jì),而是相當(dāng)?shù)母行浴?/p>
So岛请,為了能夠更好的闡述如何正確的進(jìn)行設(shè)計(jì)旭寿。思前想后,發(fā)現(xiàn)其實(shí)在做一個(gè)設(shè)計(jì)之前崇败,需要你對(duì)將要進(jìn)行的設(shè)計(jì)有一個(gè)清晰的認(rèn)識(shí)盅称。然后為了不至于犯一些低級(jí)的錯(cuò)誤,了解和遵守設(shè)計(jì)原則顯得尤為重要僚匆。
腦袋里帶著這些原則去進(jìn)行思考和設(shè)計(jì)微渠,那樣至少確保你是走在一個(gè)正確的道路上的。嚴(yán)格來(lái)說(shuō)咧擂,遵守這些設(shè)計(jì)原則只是做出棒棒的設(shè)計(jì)的第一步而已逞盆。
什么是設(shè)計(jì)原則?都有哪些松申?哪個(gè)更加重要呢云芦?
簡(jiǎn)單點(diǎn)說(shuō)就是設(shè)計(jì)時(shí)要遵守的必要準(zhǔn)則。而這些基本設(shè)計(jì)原則其實(shí)你我心里都知道贸桶,也在很多網(wǎng)頁(yè)上或者同事口中說(shuō)起到舅逸。然后很多時(shí)候,就是做著做著就忘了皇筛,( ̄工 ̄lll)
按照過(guò)往的經(jīng)驗(yàn)琉历,筆者將主要有以下四條基本設(shè)計(jì)原則,并按照優(yōu)先級(jí)來(lái)給她們做了排序:
1、清晰明了的設(shè)計(jì)
首先我們必須明白的一點(diǎn)旗笔,設(shè)計(jì)是服務(wù)于產(chǎn)品的彪置。或者說(shuō)是為了解決產(chǎn)品上碰到的問題而發(fā)揮作用的蝇恶。因此拳魁,你所要設(shè)計(jì)的產(chǎn)品需要在某個(gè)界面或者節(jié)點(diǎn)上完成某個(gè)目標(biāo)。這個(gè)時(shí)候用戶在足夠清晰的界面環(huán)境中輕易完成任務(wù)顯得重中之重啊撮弧。
如果你打開一個(gè)頁(yè)面或者App潘懊,無(wú)從下手,不知點(diǎn)哪里贿衍∈谥郏或者找個(gè)想要的功能按鈕找個(gè)半天,臥槽贸辈,那恭喜你岂却,你的產(chǎn)品可以去屎了。這個(gè)時(shí)候你的設(shè)計(jì)再漂亮也是白搭裙椭,(其實(shí)這類設(shè)計(jì)還真的蠻多的躏哩,其實(shí)你會(huì)發(fā)現(xiàn)那些牛逼的產(chǎn)品經(jīng)理不會(huì)整天和設(shè)計(jì)師過(guò)不去,只要設(shè)計(jì)的圖形或流程是能夠滿足產(chǎn)品需要的揉燃,他們都會(huì)通過(guò)扫尺,他們喜歡把主要精力放在產(chǎn)品邏輯和用戶體驗(yàn)上,而不是設(shè)計(jì)得好看不好看的細(xì)節(jié)…
當(dāng)然那些矮窮矬的產(chǎn)品經(jīng)理沒事就喜歡和設(shè)計(jì)抬杠炊汤,不吐槽下設(shè)計(jì)正驻,他們一般都渾身上下都不舒服,我只想說(shuō)滾… 原諒我又沒忍浊栏)
so姑曙,消滅歧義,幫助人們更準(zhǔn)確的理解和使用產(chǎn)品應(yīng)該是排在首位的迈倍。
2伤靠,高效的操作
其實(shí)單就高效而言,似乎與清晰明了差不多啼染。但試想下宴合,高效是不是就意味著清晰正確的處理目標(biāo)任務(wù)呢?答案是不一定的迹鹅。高效無(wú)障礙不代表不會(huì)出錯(cuò)卦洽。很順暢的出錯(cuò)才叫慘,這個(gè)成本相當(dāng)?shù)拇蟮摹?/p>
另外一個(gè)極端就是交互層級(jí)太復(fù)雜斜棚,本來(lái)兩步就可以完成的東西阀蒂,硬是饒了一圈该窗,搞個(gè)4-5步才完成。這尼瑪就是作孽蚤霞,一般這類產(chǎn)品不是被吐槽的很慘就是直接棄之挪捕,
能一步完成的東西不要設(shè)計(jì)成兩步。知道為什么iPhone為什么那么火嗎争便?除開品牌和喬布斯的個(gè)人魅力,iPhone的手機(jī)用起來(lái)是真的爽断医,滞乙,因?yàn)橛闷饋?lái)真的很簡(jiǎn)單,筆者沒玩過(guò)任何智能設(shè)備的老爸一拿上手就知道怎么點(diǎn)鉴嗤,斩启,所以說(shuō)蘋果的設(shè)計(jì)叫什么?叫做功力醉锅!
所以優(yōu)化功能邏輯兔簇,減少層級(jí),同時(shí)預(yù)判結(jié)果硬耍,讓流程更順暢垄琐。讓人們使用的更加輕松快捷的完成設(shè)計(jì)目標(biāo),才是王道经柴。
想看上面這個(gè)設(shè)計(jì)規(guī)范狸窘?右戳!《內(nèi)部教程坯认!超實(shí)用六步透視網(wǎng)易設(shè)計(jì)規(guī)范(附完整PDF下載)》
3翻擒,設(shè)計(jì)的一致性
人是個(gè)很敏銳的動(dòng)物,你會(huì)發(fā)現(xiàn)牛哺,你特別容易發(fā)現(xiàn)一堆同類物品中的異類陋气。
例如Windows的關(guān)閉窗口按鈕是在右上角,而Mac的關(guān)閉窗口按鈕是在左上角引润,無(wú)論是你之前是在用這兩個(gè)中間的哪個(gè)系統(tǒng)巩趁,突然跳到另一個(gè)系統(tǒng)你肯定會(huì)特別特別不習(xí)慣,因?yàn)槟阋呀?jīng)熟悉了那個(gè)操作方式淳附,直覺告訴你那樣才是關(guān)閉按鈕的正確姿勢(shì)晶渠,,
所以對(duì)于相同的問題燃观,提供相同的解決方案褒脯,減輕用戶的認(rèn)知及記憶負(fù)荷,一旦確定一個(gè)設(shè)計(jì)模式缆毁,打造更符合直覺的產(chǎn)品體驗(yàn)顯得相當(dāng)重要番川。
當(dāng)然在某些時(shí)候,為了能夠突出某個(gè)功能,或者讓人加深印象颁督,故意設(shè)計(jì)成不一致的情況也不是沒有践啄,,所以說(shuō)到底還是為了產(chǎn)品的目標(biāo)沉御,靈活運(yùn)用此原則就對(duì)了屿讽。
4,美觀大方的設(shè)計(jì)
很遺憾吠裆,盡管筆者也是GUI出身伐谈,但當(dāng)仔細(xì)分析過(guò)之后,你會(huì)發(fā)現(xiàn)试疙,一個(gè)產(chǎn)品漂不漂亮確確實(shí)實(shí)是排在前三個(gè)原則之后的诵棵,,因?yàn)樗⒉皇怯脩趔w驗(yàn)的核心所在祝旷, ╮(╯_╰)╭
舉個(gè)最最簡(jiǎn)單的栗子履澳。我想大家對(duì)微信都了解得不能再了解。但其實(shí)作為設(shè)計(jì)師的你真的覺得微信設(shè)計(jì)得漂亮么怀跛?筆者的答案是距贷,微信設(shè)計(jì)得中規(guī)中矩,與很多“漂亮的App”比吻谋,他顯得普通储耐。但是,微信設(shè)計(jì)得讓你挑不出太多的毛病滨溉,甚至有些細(xì)節(jié)讓人覺得很棒什湘,對(duì)于一個(gè)過(guò)億級(jí)的產(chǎn)品,不出錯(cuò)晦攒,且用戶能夠很清晰快速的完成他的目標(biāo)闽撤,那它就妥妥的成功啦·,
有句話說(shuō)的好脯颜,“最好的設(shè)計(jì)就是沒有設(shè)計(jì)”哟旗。換句話說(shuō)就是,好的設(shè)計(jì)讓你感覺不出來(lái)它是經(jīng)過(guò)設(shè)計(jì)的栋操。一切都是那么的自然和順理成章闸餐,
所以,漂亮和美觀只是提升體驗(yàn)和激發(fā)共鳴或者說(shuō)愉悅的一個(gè)重要手段矾芙。對(duì)于一個(gè)產(chǎn)品而言舍沙,特別是那種大的產(chǎn)品,完成目標(biāo)任務(wù)永遠(yuǎn)是第一位剔宪。設(shè)計(jì)師所要做的是細(xì)節(jié)耐心的打磨界面拂铡,讓別人更加愿意花費(fèi)時(shí)間和精力去使用你的產(chǎn)品。
總結(jié)
看到結(jié)尾感帅,其實(shí)你會(huì)發(fā)現(xiàn)其實(shí)本文并不是針對(duì)視覺設(shè)計(jì)師而寫的。筆者的個(gè)人想法在于失球,要想成為一名優(yōu)秀的設(shè)計(jì)師,需要從多個(gè)角度去給自己施肥实苞。技能只是成為一名優(yōu)秀設(shè)計(jì)師的其中一個(gè)必備條件豺撑。
如果你在開展設(shè)計(jì)時(shí),考慮的不僅僅是作為一個(gè)視覺設(shè)計(jì)師的那塊內(nèi)容,或許你的高度已經(jīng)不一樣了胞得。當(dāng)你足夠的清楚這些原則,足夠了解你的產(chǎn)品的時(shí)候阶剑,或許你與產(chǎn)品經(jīng)理已經(jīng)在同一高度去考慮問題跃巡。那樣你設(shè)計(jì)的東西也就不再那么經(jīng)不起推敲了。