如何“抄”成高級(jí)設(shè)計(jì)師？五大章節(jié)幫你掌握正確姿勢(shì)！

更多作者干貨：

前幾天一群 coser 攔住我說(shuō)：“你是不是 cos 吳彥祖！”我極力解釋說(shuō)不是，但他們不聽(tīng)，硬是追著要簽名。看著大家這么熱情，我一度陷入了思考：有沒(méi)有可能，其實(shí)我是吳彥祖，而他才是在 cos 我呢？

很多伙伴看到這里肯定忍不住就說(shuō)：“別吹牛皮了！”

為啥你們不信我是真正的吳彥祖呢？因?yàn)榘⒆婢湍敲匆粋€(gè)，我可以模仿他、學(xué)習(xí)他，甚至在某些方面超越他，但永遠(yuǎn)不可能成為他。

這其實(shí)就像設(shè)計(jì)界的“抄襲”問(wèn)題。咱可以借鑒靈感，但每個(gè)人的獨(dú)特性才是最寶貴的。那么問(wèn)題來(lái)了，設(shè)計(jì)師到底該如何“抄”才能既提升水平，又保持自己的原創(chuàng)性？今天咱就講講設(shè)計(jì)師該如何正確地借鑒。（PS：全文 8 千多字，閱讀大概需要～嗯？應(yīng)該挺久的）

首先我們要知道啥可以抄，啥不能抄？

可以抄的

1. “抄”風(fēng)格：扁平化設(shè)計(jì)、極簡(jiǎn)主義風(fēng)格等等

這些風(fēng)格趨勢(shì)是設(shè)計(jì)圈里大家都公認(rèn)的“公開(kāi)資源”，就像大街上流行的潮流，人人都可以穿，咱們?cè)谶@些風(fēng)格的基礎(chǔ)上進(jìn)行創(chuàng)作，不算抄襲，只是跟風(fēng)罷了。但要注意啦～我所說(shuō)的抄不是讓你上去一頓 kuku 的 Ctrl+C 再 Ctrl+V ！那是赤裸裸的土匪行為！稍微調(diào)整一下，加入自己的理解才是“有靈魂的借鑒”。

2. “抄”通用元素：按鈕、圖標(biāo)、導(dǎo)航欄的基本形狀和功能。

這些基本的設(shè)計(jì)元素就像飯菜中的鹽，大家都需要用，但做出來(lái)的菜味道各異。比如按鈕是圓形的，咱不能因?yàn)閯e人用了圓形就避而不用吧？那豈不是成了設(shè)計(jì)界的“自閉”？還有導(dǎo)航欄、圖標(biāo)，這些都屬于用戶體驗(yàn)的標(biāo)準(zhǔn)配件。你看到支付寶用卡片式布局、微信用氣泡式聊天框，這些都是設(shè)計(jì)慣例，拿來(lái)主義沒(méi)問(wèn)題！換句話說(shuō)，這些“公共財(cái)產(chǎn)”你隨便借，沒(méi)人會(huì)說(shuō)你“抄”。

不能抄的

1. 具體的視覺(jué)設(shè)計(jì)：獨(dú)特的界面布局、配色方案等

這是別人的“私有財(cái)產(chǎn)”，就像網(wǎng)易云音樂(lè)把唱片形式播放申請(qǐng)了專利，這就等于人家結(jié)婚領(lǐng)證了，你就不能去挖人家墻角！但是咱看看 QQ 音樂(lè)咋搞的？他們繪制的時(shí)候改了唱片機(jī)的角度，我不挖你墻角，但是我找個(gè)長(zhǎng)得很像的，這就不算抄。

2. 品牌標(biāo)識(shí)：商標(biāo)、logo 設(shè)計(jì)

這一點(diǎn)就不用說(shuō)了吧？你和劉亦菲一樣美是沒(méi)問(wèn)題的，但是你要是敢出去說(shuō)自己是劉亦菲！那你的問(wèn)題可就大嘍～搞不好要負(fù)法律責(zé)任的！！（在座的劉亦菲請(qǐng)?jiān)谖业膫€(gè)人主頁(yè)聯(lián)系我！我悄悄告訴你怎么避免法律風(fēng)險(xiǎn)）

可以抄，但最好別完全抄的。

1. 用戶流程、功能和頁(yè)面布局設(shè)計(jì)

流氓不可怕，就怕流氓有文化啊！朋友們?cè)诜缮虾芏嗷镜挠脩袅鞒毯凸δ茉O(shè)計(jì)是無(wú)法受到版權(quán)保護(hù)的，因?yàn)樗鼈儗儆诠差I(lǐng)域！！就比如說(shuō)你某些功能和別人家的很相似，但在視覺(jué)設(shè)計(jì)、交互方式、附加功能等方面略有不同，通常不會(huì)被視為抄襲。就像咱們做購(gòu)物車功能，如果你的購(gòu)物車流程在某些關(guān)鍵環(huán)節(jié)（如結(jié)賬方式、促銷提示、支付選項(xiàng)等）有獨(dú)特的設(shè)計(jì)或創(chuàng)新，即使整體流程相似，也不算抄襲。

很多界面布局長(zhǎng)得像那是因?yàn)橛脩袅?xí)慣和行業(yè)標(biāo)準(zhǔn)，但在設(shè)計(jì)時(shí)也得找些自己的創(chuàng)新點(diǎn)，讓用戶體驗(yàn)和視覺(jué)風(fēng)格上與競(jìng)爭(zhēng)對(duì)手有點(diǎn)區(qū)別，避免抄襲的嫌疑，增強(qiáng)自己品牌的獨(dú)特性。就比如說(shuō)陳妍希、李若彤、劉亦菲雖然都扮演過(guò)小龍女，但都展現(xiàn)出了不同的風(fēng)格，這就是藝術(shù)的精髓。

如果你是設(shè)計(jì)新手，可以先模仿、參考經(jīng)典，但到了高級(jí)階段，你得學(xué)會(huì)走自己的路，設(shè)計(jì)出讓自己驕傲的作品。

一、我們應(yīng)怎樣看待“抄”？？

你用綠色，我也用綠色，你說(shuō)我抄襲？你用瀑布流，我也用瀑布流，你說(shuō)我無(wú)恥！？你老婆長(zhǎng)得像劉亦菲，巧了！我老婆就是劉亦菲，你說(shuō)說(shuō)這到底算不算抄襲啊？？我咨詢過(guò)很多朋友，大家對(duì)于設(shè)計(jì)抄襲的說(shuō)法是很曖昧的，我大體上總結(jié)為：只要你做的東西讓我想起了另一個(gè)人，那我就可以說(shuō)你抄！我說(shuō)你是你就是，不管你是不是真的“抄”，當(dāng)我認(rèn)定你有罪時(shí)，你就已經(jīng)是。

可是在設(shè)計(jì)繪畫(huà)領(lǐng)域沒(méi)有誰(shuí)的內(nèi)容是完全獨(dú)立創(chuàng)作的！大家都是在巨人肩膀上進(jìn)一步的融匯貫通，通過(guò)自己的創(chuàng)造性理解將其轉(zhuǎn)化為新作品。（在此聲明本人認(rèn)可并支持知識(shí)產(chǎn)權(quán)保護(hù)法！但是我更支持非商業(yè)性質(zhì)的 2 次創(chuàng)新臨摹）稍微相似一點(diǎn)點(diǎn)都不行，那你和那守舊的老古董有什么區(qū)別！

我認(rèn)為設(shè)計(jì)師要大膽去“抄”，但“抄”的姿勢(shì)要正確，要“抄”的有所收獲！

二、怎么才能正確的“抄”？

想要正確的“抄”要先搞懂設(shè)計(jì)原理。（簡(jiǎn)單說(shuō)打好基礎(chǔ)，有些設(shè)計(jì)要點(diǎn)要注意，記牢）

想要修煉上成功法那自然是有要求的，肯定不是啥人都能練，就像《葵花寶典》修煉條件就是：想習(xí)此功，必先自宮。但是對(duì)咱們?cè)O(shè)計(jì)來(lái)說(shuō)我覺(jué)得還算簡(jiǎn)單，不需要你自宮，只要把設(shè)計(jì)需要注意的基本原則搞明白就行。要想“抄”得對(duì)，首先得弄明白背后的道理。咱們可不能瞎抄，得抄得有章法，抄得像模像樣。

俺就拿自己舉個(gè)例子吧，朋友們老說(shuō)我像條狗，只是裝成個(gè)人。那既然我要模仿人，咱就得先搞懂人的特點(diǎn)——比如得直立行走、會(huì)用工具、和人友好互動(dòng)，最關(guān)鍵的是：不能咬人，不能表現(xiàn)得太“狗”。這就是“抄人”的基本功。

三、如何運(yùn)用基礎(chǔ)原理？

拿“走路”這件事來(lái)說(shuō)，走路的基本原理是先邁左腳再邁右腳，還得保持身體平衡。所以俺練習(xí)的時(shí)候就自帶 BGM：“121，121”，有節(jié)奏，重心也穩(wěn)。要是快摔的時(shí)候趕緊調(diào)整步子和重心，這樣就不容易摔倒了。明白了這些原理，每走一步俺都倍兒有自信。這就是知道原理后的好處，他能在你腦子里時(shí)刻提醒你，別亂來(lái)。

很多設(shè)計(jì)師羞恥認(rèn)為“抄”有悖讀書(shū)人風(fēng)雅，但殊不知那些你認(rèn)為很牛掰的設(shè)計(jì)師其實(shí)以前也是這樣一路過(guò)來(lái)的。

四、如何“抄”得進(jìn)階？

掌握了走路技巧以后，就要琢磨咋在這個(gè)基礎(chǔ)上創(chuàng)新呢？我發(fā)現(xiàn)通過(guò)靈活運(yùn)用尾巴來(lái)保持平衡，起來(lái)會(huì)更穩(wěn)。于是我就可以發(fā)明了一種新的“狗步”，結(jié)合了狗的特性和人的走路方式，創(chuàng)造出獨(dú)特的風(fēng)格。這就是“抄”的進(jìn)階。

抄襲無(wú)非就是將你認(rèn)為好的東西重新打散、組合、衍生的過(guò)程，大家看一下我的設(shè)計(jì)過(guò)程就能理解了，后續(xù)我也會(huì)單獨(dú)把整套設(shè)計(jì)過(guò)程單獨(dú)寫(xiě)一篇給大家分享出來(lái)。

五、學(xué)習(xí)基礎(chǔ)原理的意義是啥？

通過(guò)學(xué)會(huì)走路的原理，咱不光能模仿得像樣兒，還能在此基礎(chǔ)上再加點(diǎn)料，讓模仿變得有意思。設(shè)計(jì)也是這么個(gè)理兒，咱們搞懂了基礎(chǔ)原理，才能知道哪些地方該沿用，哪些地方得整點(diǎn)新意出來(lái)。這樣一來(lái)，咱們的設(shè)計(jì)水平也就蹭蹭地往上竄。

你以為我是在教你“抄”的手法？實(shí)際上我講的都是心法，我說(shuō)的是每一個(gè)原則背后的思考，想要“抄”的好必須在意識(shí)上做改變。

在設(shè)計(jì)領(lǐng)域要熟知的基礎(chǔ)知識(shí)都有啥都有啥？他們對(duì)我正確的“抄”有啥作用？聽(tīng)我細(xì)細(xì)道來(lái)～

怕大家看這累，我把需要掌握的內(nèi)容做了整理，總體來(lái)說(shuō)就是“8+2”。先所所謂的“8”都包含啥。

1. 靈活性與效率
2. 一致性
3. 用戶中心設(shè)計(jì)
4. 視覺(jué)清晰度
5. 情感設(shè)計(jì)
6. 層次結(jié)構(gòu)
7. 可用性
8. 可訪問(wèn)性

以《你與領(lǐng)導(dǎo)》的故事來(lái)為線索大家逐步解釋這些內(nèi)容都是啥意思。

1. 靈活性與效率

你那個(gè)啥也不懂的領(lǐng)導(dǎo)強(qiáng)行推翻你的設(shè)計(jì)創(chuàng)意，因?yàn)樗雽⒉煌陌粹o設(shè)計(jì)成各式各樣的形狀和顏色，以便“讓每個(gè)按鈕都顯得獨(dú)特”。你內(nèi)心萬(wàn)馬奔騰：傻波一！還這么不聽(tīng)話！這個(gè) B 班沒(méi)法上了！！同理來(lái)說(shuō)用戶也希望能夠根據(jù)自己的需求進(jìn)行配置，這和你不喜歡被迫按照固定的流程來(lái)操作是一樣的。咱們都希望領(lǐng)導(dǎo)能聽(tīng)話點(diǎn)，用戶也希望能有更多的自主權(quán)。

咋才能用戶舒服？很簡(jiǎn)單，抄那些靈活的設(shè)計(jì)思路！比如可以讓用戶自己調(diào)界面、靈活安排任務(wù)，甚至能個(gè)性化設(shè)置。這樣一來(lái)，用戶用著舒坦，工作效率也更高。想想你報(bào)網(wǎng)課前 15 分鐘彈出的開(kāi)課入口，或者手機(jī)應(yīng)用可以隨意排序的功能，這不都是在滿足靈活性與效力嘛！或者你們?cè)谕嫱跽邩s耀每天領(lǐng)取獎(jiǎng)勵(lì)的時(shí)候有沒(méi)有想過(guò)：他就不能搞個(gè)一鍵領(lǐng)取么！！只要咱能看懂這些設(shè)計(jì)就能借鑒：“嘿？我的項(xiàng)目是不是也可以搞個(gè)類似的功能進(jìn)來(lái)呢？”

原則說(shuō)明：允許用戶根據(jù)自己的需求調(diào)整界面設(shè)置，提高使用效率。高效率是指：提供快捷方式，讓用戶能更高效地完成任務(wù)。

2. 一致性

大家都很生氣但又無(wú)可奈何，只好先這樣執(zhí)行下去，但是新的問(wèn)題又來(lái)了，為啥？因?yàn)轭I(lǐng)導(dǎo)根本沒(méi)給個(gè)標(biāo)準(zhǔn)！他就甩下了“按鈕要多樣化”這么一句話，至于到底啥顏色、啥形狀，完全沒(méi)譜。于是大家只能按自己理解的來(lái)：小張做了圓形按鈕，小李搞了個(gè)三角的，小王的按鈕是個(gè)橢圓形，顏色也是五彩繽紛。最后交上去，領(lǐng)導(dǎo)一看，滿臉問(wèn)號(hào)：“這啥玩意兒啊？怎么每個(gè)頁(yè)面都長(zhǎng)得不一樣？”你看不明白、領(lǐng)導(dǎo)看不明白，用戶更看不明白。

在舉個(gè)例子來(lái)說(shuō)，大家都會(huì)玩撲克牌吧？不會(huì)玩總歸認(rèn)識(shí)吧？那么請(qǐng)看圖片中，哪些是黑桃？哪些是紅桃？哪些是方片？即使圖形發(fā)生了變化，但是大家依舊能夠準(zhǔn)確識(shí)別，這便是一致性在設(shè)計(jì)中的體現(xiàn)。

接下來(lái)，咱們來(lái)看看這張圖，請(qǐng)你說(shuō)出其中花色，看著這張圖大家可能會(huì)稍微蒙一下，哎？??的顏色變成了紅色，那這個(gè)花色到底怎么算？這就是背離了一致性的使用，脫離了用戶心智。

咱們?cè)谧鲈O(shè)計(jì)的時(shí)候要注意，你不能讓用戶每進(jìn)一個(gè)頁(yè)面都像換了個(gè)地方，操作邏輯和界面風(fēng)格沒(méi)個(gè)準(zhǔn)，誰(shuí)用得順手？用戶喜歡的是一致的體驗(yàn)，看到某個(gè)按鈕就知道它是干啥的，不需要反復(fù)琢磨。有標(biāo)準(zhǔn)、有一致性，才能讓人用著舒服！那我們可以“抄”什么呢？抄規(guī)范、抄流程這不都是可以的嘛？

設(shè)計(jì)原則說(shuō)明：視覺(jué)要保持一致性，設(shè)計(jì)過(guò)程中要確保界面元素如按鈕、字體、顏色等在整個(gè)應(yīng)用中保持一致，以增強(qiáng)用戶的熟悉感。功能上也要保持一致，相似的功能應(yīng)以相似的方式進(jìn)行呈現(xiàn)和操作，幫助用戶快速理解。

3. 用戶中心設(shè)計(jì)

明知道領(lǐng)導(dǎo)有問(wèn)題，但咱們接下來(lái)也只好在他的指指點(diǎn)點(diǎn)之下繼續(xù)調(diào)整頁(yè)面，因?yàn)樵O(shè)計(jì)稿不通過(guò)，項(xiàng)目就沒(méi)法往下走。其實(shí)你在被折磨到這段時(shí)間做的事就是在滿足目標(biāo)用戶（領(lǐng)導(dǎo)）的需求和期待，因?yàn)樗粷M意咱們就過(guò)不了稿。其實(shí)咱們心里都明白：領(lǐng)導(dǎo)就等于我們的“用戶”，無(wú)論咱設(shè)計(jì)師咋想，最終還是得讓“用戶”滿意，不然這稿是永遠(yuǎn)過(guò)不了。這就跟用戶中心設(shè)計(jì)一個(gè)道理，不管設(shè)計(jì)師覺(jué)得自己的創(chuàng)意多牛，最終買單的還是用戶，用戶滿意設(shè)計(jì)才算成功，這就是典型的“用戶中心設(shè)計(jì)”不管你內(nèi)心如何掙扎，只要最終用戶（領(lǐng)導(dǎo)）滿意，設(shè)計(jì)就算成功。

問(wèn)大家個(gè)問(wèn)題，為啥拼夕夕、京東、淘寶的設(shè)計(jì)風(fēng)格都不太一樣呢？你會(huì)明顯的發(fā)現(xiàn)拼夕夕的頁(yè)面設(shè)計(jì)明顯 low 了點(diǎn)，拼夕夕沒(méi)錢(qián)么？請(qǐng)不起優(yōu)秀設(shè)計(jì)師嗎？當(dāng)然不是！因?yàn)槠聪οΦ钠鸩骄褪亲叩霓r(nóng)村包圍城市路線，你可能不喜歡拼夕夕，但是可能 18 線城市的用戶偏偏就是很喜歡。

好既然說(shuō)到這里咱們?cè)诙嗾f(shuō)一點(diǎn)，京東為什么請(qǐng)楊立后會(huì)翻車？為什么京東金融會(huì)發(fā)生擠兌事件？如果我們用用戶中心就很容易解釋，京東的用戶畫(huà)像男性偏多，楊立又偏偏有女拳嫌疑，說(shuō)明京東在選人的時(shí)候就已經(jīng)背離了用戶中心，事后按理說(shuō)出來(lái)道個(gè)歉，安撫一下就行了，男人嘛很好哄的，但偏偏他就不，說(shuō)自己“躺槍”并強(qiáng)調(diào)說(shuō)京東金融沒(méi)被擠兌，不強(qiáng)調(diào)還好，一強(qiáng)調(diào)用戶就認(rèn)為你官方已經(jīng)很重視這件事了，那就更慌了，用戶想要的安全感你也沒(méi)給，和著啥啥都沒(méi)用，那用戶不炸毛才怪。說(shuō)實(shí)話我真的覺(jué)得京東的公關(guān)太**了，選人出問(wèn)題，公關(guān)問(wèn)題更大！想到這里就結(jié)合知識(shí)點(diǎn)做個(gè)拓展。

咱們觀察別人頁(yè)面是就要琢磨他為啥這么設(shè)計(jì)？他這么設(shè)計(jì)目的是啥？到底有沒(méi)有滿足用戶使用目標(biāo)？要通過(guò)頁(yè)面倒推需求，鍛煉思考能力。“抄”那些成功的設(shè)計(jì)思路，像是通過(guò)用戶測(cè)試收集反饋，不斷迭代優(yōu)化，確保每一個(gè)細(xì)節(jié)都能與用戶產(chǎn)生共鳴。就像你希望你的領(lǐng)導(dǎo)尊重你的設(shè)計(jì)，用戶也希望在使用產(chǎn)品時(shí)感到被理解和重視。

設(shè)計(jì)原則說(shuō)明：了解目標(biāo)用戶的需求和習(xí)慣，設(shè)計(jì)時(shí)應(yīng)以用戶為中心，確保滿足他們的期望。

4. 視覺(jué)清晰

被領(lǐng)導(dǎo)折磨一天，那晚上搞點(diǎn)開(kāi)心的事放松一下吧！于是你躺在床上，準(zhǔn)備偷偷學(xué)點(diǎn)新姿勢(shì)（嗯，學(xué)習(xí)新知識(shí)的姿勢(shì)），結(jié)果一打開(kāi)學(xué)習(xí)網(wǎng)站，滿屏幕花花綠綠的廣告劈頭蓋臉打過(guò)來(lái)！你瞬間懵了！全是廣告都沒(méi)學(xué)習(xí)資料！那我不如去看椰樹(shù)椰汁！

請(qǐng)找出圖中的漢堡。

有多少伙伴是第一時(shí)間就看到漢堡的？漢堡在樣式上與其他的食物形成了差異化，且位置比較偏上，就很容易被大家找到（差異化設(shè)計(jì)過(guò)程注意要適度表現(xiàn)，不要讓整體風(fēng)格跳脫感太重）。如果是你的領(lǐng)導(dǎo)給你布置任務(wù)，說(shuō)要讓用戶第一時(shí)間看到漢堡，你覺(jué)得他會(huì)采取什么方案？

沒(méi)錯(cuò)！放大！放大！再放大！直接把漢堡懟到用戶臉上，其實(shí)這也是突出視覺(jué)清晰的一個(gè)辦法。

理解了設(shè)計(jì)原則，去看看別人的設(shè)計(jì)是咋通過(guò)減少不必的視覺(jué)元素提升清晰度的。大佬們是使用高對(duì)比度的色彩來(lái)突出重要信息？還是通過(guò)簡(jiǎn)潔的布局引導(dǎo)用戶的視線？當(dāng)咱們?cè)O(shè)計(jì)新的界面時(shí)，要想想咋樣才能讓用戶在使用過(guò)程中感到舒適和愉悅？咋樣才能確保他們能夠輕松找到所需的內(nèi)容？帶著問(wèn)題去思考能讓你看到更多不一樣有意思的事。

設(shè)計(jì)中的實(shí)際案例都有誰(shuí)呢？

1. Keep 簡(jiǎn)潔性：Keep 的界面以極簡(jiǎn)風(fēng)格為主，避免了多余的視覺(jué)元素，用戶可以迅速找到所需的運(yùn)動(dòng)課程。對(duì)比度：重要信息如課程時(shí)間、難度等級(jí)用鮮明的顏色標(biāo)識(shí)，增強(qiáng)可讀性。
2. 豆瓣 內(nèi)容優(yōu)先：豆瓣的設(shè)計(jì)注重內(nèi)容的展示，使用簡(jiǎn)潔的排版和對(duì)比色來(lái)突出書(shū)籍、電影等信息。視覺(jué)引導(dǎo)：通過(guò)顏色和空間的運(yùn)用，引導(dǎo)用戶關(guān)注重要的評(píng)論和評(píng)分。

設(shè)計(jì)原則說(shuō)明：注意簡(jiǎn)潔性，避免過(guò)多的視覺(jué)元素，保持界面的整潔，突出關(guān)鍵信息。注意對(duì)比度，使用對(duì)比色來(lái)增強(qiáng)可讀性，使重要信息易于識(shí)別。

看到上圖你是什么感受？會(huì)不會(huì)有戳中你的點(diǎn)？拋磚引玉，咱們聊聊情感設(shè)計(jì)。

5. 情感設(shè)計(jì)

姿勢(shì)沒(méi)學(xué)成！氣憤的你決定和男票吐槽：我們領(lǐng)導(dǎo)他真***他*的是個(gè)大**！你男票說(shuō)：就是就是！他真是大猩猩！他給你提供足夠的情緒價(jià)值，以后你更喜歡和他不斷的叭叭。你能理解這個(gè)道理就一定能理解這個(gè)設(shè)計(jì)原則，在設(shè)計(jì)中通過(guò)傳達(dá)品牌的情感和價(jià)值觀讓用戶認(rèn)識(shí)到品牌并且產(chǎn)生情感共鳴。

咱們可以“抄”那些能讓用戶產(chǎn)生積極情感的設(shè)計(jì)元素，比如說(shuō)溫暖的色調(diào)、友好的字體或貼心的功能。

你看到這張圖是什么感受呢？是不是已經(jīng)聞到了自由的味道了？想象一下你的詩(shī)和遠(yuǎn)方！沒(méi)有什么能夠阻擋～你對(duì)自由地向往。天馬行空的生涯...這樣的前奏一響，你是不是已經(jīng)快要飄到西藏了？這就是情感上的共鳴。那么在使用軟件的過(guò)程中在哪里體現(xiàn)出這種共鳴呢？

舉幾個(gè)例子來(lái)大家感受一下。

1. 網(wǎng)易云專輯封面和海報(bào)展示：網(wǎng)易云音樂(lè)的 UI 設(shè)計(jì)重視專輯封面的展示，特效和動(dòng)畫(huà)讓用戶在選擇音樂(lè)時(shí)獲得視覺(jué)上的享受，增強(qiáng)音樂(lè)的情感體驗(yàn)。讓咱產(chǎn)生很深的沉浸感。評(píng)論和歌詞功能：評(píng)論區(qū)設(shè)計(jì)上使用簡(jiǎn)單易懂的排版，用戶可以在底部看到熱門(mén)評(píng)論和歌詞，這種設(shè)計(jì)讓用戶感受到了參與和互動(dòng)的情感連。所以他叫網(wǎng)抑云，因?yàn)橛行┰u(píng)論真的很刀人。
2. 支付寶動(dòng)態(tài)反饋：例如，支付時(shí)的動(dòng)畫(huà)效果，傳達(dá)出交易完成的愉悅感，使用戶在使用過(guò)程中感受到更積極的情緒。類似于給你個(gè)巴掌，然后再給你顆甜棗，一定程度上也是可以緩解你的焦慮。
3. 飛豬旅行氣息的視覺(jué)設(shè)計(jì)：飛豬 App 使用了大量美麗的風(fēng)景圖片和精致的排版設(shè)計(jì)，營(yíng)造出濃厚的旅行氛圍，讓用戶在使用時(shí)自然地產(chǎn)生對(duì)出行的向往和激情。反正我看到的時(shí)候會(huì)覺(jué)得畫(huà)的真的不錯(cuò)！我也想去爬山。

補(bǔ)充個(gè)例子，用交朋友來(lái)說(shuō)，那把你自己視為 app 你的朋友是用戶，交朋友呢最重要的是尊重，懂禮貌。平時(shí)說(shuō)話要把“謝謝”“請(qǐng)”“對(duì)不起”常掛嘴邊，就比如說(shuō)：這頓飯就你請(qǐng)了吧，我沒(méi)有錢(qián)，不用謝謝了，就當(dāng)你對(duì)不起我了。你看這就顯得咱們很有禮貌，你的朋友一定會(huì)覺(jué)得和你做朋友這輩子算是值了。

你看以上的例子我們能提取到什么？沉浸感的頁(yè)面、高度參與的用戶社區(qū)、趣味性形式緩解用戶焦慮、與情景相匹配的插圖，這不就是我們能抄來(lái)的內(nèi)容么？

設(shè)計(jì)原則說(shuō)明：情感共鳴就是通過(guò)設(shè)計(jì)元素傳達(dá)品牌情感，增強(qiáng)用戶的情感連接，然后提升用戶體驗(yàn)。

6. 層次結(jié)構(gòu)

越吐槽越氣，有時(shí)候很想亮出腰間帶的家伙事兒，指著領(lǐng)導(dǎo)的腦殼說(shuō)：撲街！吔（食）屎啦你！通過(guò)肢體魅力和語(yǔ)言贊美讓他知難而退，我們“指他”和“贊美他”的舉動(dòng)在設(shè)計(jì)角度上來(lái)說(shuō)屬于通過(guò)手段調(diào)整層次結(jié)構(gòu)，引導(dǎo)他來(lái)看重要信息。話說(shuō)回來(lái)，你脅迫領(lǐng)導(dǎo)我沒(méi)意見(jiàn)，但是面對(duì)用戶咱可不能這么干，那在設(shè)計(jì)領(lǐng)域如何引導(dǎo)用戶注意到重要信息呢？

在“抄”的時(shí)候注意觀察他們是用的什么手段勾引用戶的，是巧妙運(yùn)用大小？還是搞點(diǎn)顏色？還是在通過(guò)位置表現(xiàn)突出關(guān)鍵信息？你可以“借鑒”這些設(shè)計(jì)技巧，確保用戶在你的界面中也能夠一眼找到他們想要的信息。比如說(shuō)加標(biāo)簽？還是字體設(shè)計(jì)？字體加粗？色彩強(qiáng)調(diào)？還是什么巴拉巴拉～

設(shè)計(jì)原則說(shuō)明：信息架構(gòu)就是通過(guò)視覺(jué)層次和布局設(shè)計(jì)，引導(dǎo)用戶注意重要信息。使用大小、顏色和位置等等吧來(lái)突出重點(diǎn)內(nèi)容。

7. 可用性

通過(guò)你領(lǐng)導(dǎo)的悉心栽培之下，你終于完成了設(shè)計(jì)效果，滿心忐忑的發(fā)給領(lǐng)導(dǎo)選：A&B？于是乎你開(kāi)始陷入無(wú)盡的焦慮等待中，終于在過(guò)去半天后他輕飄飄的給你回復(fù)一個(gè)：&！不得不說(shuō)你領(lǐng)導(dǎo)真正意義上做到了件件有回應(yīng)，件件沒(méi)著落。

你就能理解及時(shí)反饋的意義了吧？如果還是不清楚那你可以再去和你的領(lǐng)導(dǎo)溝通一下就知道了。（就是用戶操作后要及時(shí)告知用戶你操作了什么，會(huì)觸發(fā)什么樣的結(jié)果，類似于網(wǎng)絡(luò)延遲時(shí)你需要給用戶一個(gè)網(wǎng)絡(luò)轉(zhuǎn)圈圈的狀態(tài)讓人理解）

說(shuō)清了及時(shí)反饋這個(gè)問(wèn)題，咱們說(shuō)一下可用性是啥，有些時(shí)候領(lǐng)導(dǎo)的所作所為難免會(huì)讓咱覺(jué)得真想給他一 B 兜！我問(wèn)大家哈：你們知道怎么打出著一巴掌嗎？你甚至不需要思考，只需要肩帶肘、肘帶腕、腕帶手，下意識(shí)狀態(tài)下既能完成（PS：來(lái)！我看看有多少伙伴在我說(shuō)道一巴掌的時(shí)候自己下意識(shí)展示了！評(píng)論區(qū)見(jiàn)），這就是可用性（易用性）高，理解嗎？（簡(jiǎn)單說(shuō)這個(gè)應(yīng)用你不用看說(shuō)明書(shū)就能知道咋用，那就是好設(shè)計(jì)）

寫(xiě)到這里忽然想到了另一個(gè)概念“易用性”，順便也說(shuō)一嘴吧，可用性是指一個(gè)產(chǎn)品在特定環(huán)境下被特定用戶使用的有效性、效率和滿意度。可用性關(guān)注的是用戶能否順利完成任務(wù)，以及完成任務(wù)的效率和滿意度。那易用性呢通常指的是用戶在使用產(chǎn)品時(shí)的簡(jiǎn)單程度。它強(qiáng)調(diào)用戶在使用過(guò)程中所感受到的便利性和直觀性。

總結(jié)來(lái)說(shuō)，可用性是一個(gè)更廣泛的概念，涵蓋了易用性，但易用性則更側(cè)重于用戶的使用體驗(yàn)和直觀感受。

設(shè)計(jì)原則說(shuō)明：設(shè)計(jì)的要簡(jiǎn)單明了，讓用戶能快速上手，減少學(xué)習(xí)成本。反饋機(jī)制要有，用戶的操作應(yīng)有及時(shí)的反饋，比如說(shuō)按鈕點(diǎn)擊后的視覺(jué)變化。

8. 可訪問(wèn)性

如果把你的領(lǐng)導(dǎo)理解為是一臺(tái)人工智障，那么他就標(biāo)準(zhǔn)的了做到了“可訪問(wèn)性”低這件事！因?yàn)樗率掠谢貞?yīng)，件件沒(méi)著落，主打個(gè)交給他你就糟心吧！他話也說(shuō)不明白，有時(shí)候連需求方的訴求都說(shuō)不清楚！工作也安排細(xì)碎，插畫(huà)師安排去最 UI，UI 安排去做平面...如果有“領(lǐng)導(dǎo)使用說(shuō)明書(shū)”我一定第一個(gè)買！

那咱們反過(guò)來(lái)說(shuō)，什么是可訪問(wèn)性高呢？可訪問(wèn)性高就是確保用戶能夠順利的接受和使用唄！！

舉個(gè)栗子：比如說(shuō)色盲、色弱又或者老人？?jī)和鹊取Ｈ绻O(shè)計(jì)時(shí)文字與背景的色彩比例不易過(guò)低，取保色弱用戶閱讀，這既是可訪問(wèn)性高。咱也可以用工作性質(zhì)劃分，比如說(shuō)外賣員、滴滴司機(jī)、職場(chǎng)白領(lǐng)等等，在設(shè)計(jì)時(shí)要充分考慮他們的狀態(tài)和工作情景，比如外賣員用的頁(yè)面，在設(shè)計(jì)過(guò)程中要注意顏色對(duì)比盡量高亮，讓其在日光下也能看清內(nèi)容等等，這也是可訪問(wèn)性高，其他場(chǎng)景就不一一例舉了。

了解這一點(diǎn)后，你在分析其他設(shè)計(jì)時(shí)，可以關(guān)注它們是如何考慮不同用戶需求的，針對(duì)這些不同需求他們又是如何進(jìn)行設(shè)計(jì)的。那你“抄”這些設(shè)計(jì)策略就能確保你的界面對(duì)所有用戶友好，讓每個(gè)人都能輕松參與。

設(shè)計(jì)原則說(shuō)明：產(chǎn)品能夠被所有用戶，包括殘障人士，順利使用的程度。可訪問(wèn)性確保設(shè)計(jì)能夠滿足不同用戶的需求，例如視覺(jué)、聽(tīng)覺(jué)或運(yùn)動(dòng)障礙者。它關(guān)注的是如何消除使用障礙，使得每個(gè)人都能平等地訪問(wèn)和使用產(chǎn)品。

以上便是我認(rèn)為最代表性的設(shè)計(jì)原則了，我甚至覺(jué)得設(shè)計(jì)其實(shí)也就這么點(diǎn)東西，只要這些內(nèi)容自己融會(huì)貫通了，不說(shuō)做出非常牛掰的頁(yè)面，最起碼不會(huì)犯低級(jí)錯(cuò)誤了，晉升個(gè)高級(jí)設(shè)計(jì)師還是輕松的吧？當(dāng)然了還有一些其他的設(shè)計(jì)原則，但是在我看來(lái)都是以上內(nèi)容的變形、衍生，甚至是重復(fù)。

我們講完了”8”，那么加下來(lái)說(shuō)一下“+2”是什么。不過(guò)礙于篇幅原因，很多伙伴說(shuō)讀起來(lái)太久了，所以關(guān)于這個(gè)“+2”的部分我決定拆分一下，下篇和大家嘮。（其實(shí)這篇文里本來(lái)還要包含《設(shè)計(jì)師怎么增強(qiáng)個(gè)人創(chuàng)意》和《設(shè)計(jì)師視覺(jué)”抄襲“技巧》。但是要要寫(xiě)的東西實(shí)在是太多太多了，咱們后續(xù)慢慢來(lái)寫(xiě)吧～）

正所謂畫(huà)虎畫(huà)皮難畫(huà)骨。

開(kāi)始學(xué)設(shè)計(jì)時(shí)，很多人都會(huì)停留在表面模仿，看到某個(gè)漂亮的頁(yè)面就照貓畫(huà)虎。你可能會(huì)復(fù)制顏色、排版、圖片和布局，表面看起來(lái)和原設(shè)計(jì)差不多，但實(shí)際上，你并沒(méi)有理解設(shè)計(jì)背后的邏輯和目的。結(jié)果，雖然視覺(jué)上看起來(lái)還不錯(cuò)，卻缺乏獨(dú)特性和改進(jìn)的空間，就像只學(xué)到了表面的皮毛，沒(méi)能抓住設(shè)計(jì)的“骨”。

我們都曾覺(jué)得老師很牛！老師做范畫(huà)時(shí)甚至不需要起形，那是因?yàn)樗呀?jīng)把人體的骨骼、肌肉結(jié)構(gòu)掌握得爛熟于心，知道該如何靈活應(yīng)用。同樣，設(shè)計(jì)師掌握了設(shè)計(jì)原則后，無(wú)論面對(duì)什么項(xiàng)目，都會(huì)從“骨”上把握住設(shè)計(jì)的要點(diǎn)，不管怎么設(shè)計(jì)，都能做得合理、合適。

如果說(shuō)你能理解透徹設(shè)計(jì)原則，具備正確的設(shè)計(jì)思維方式，就不再會(huì)只是模仿，而是能夠通過(guò)不斷學(xué)習(xí)、思考和創(chuàng)新，逐漸成為更有價(jià)值的設(shè)計(jì)師。這時(shí)，你不會(huì)只停留在“看起來(lái)好看”的層面，而是能夠深入理解一個(gè)設(shè)計(jì)作品的背景、用戶需求、和解決的問(wèn)題，并在此基礎(chǔ)上發(fā)揮創(chuàng)意。

這幾天看到的辯論賽討論的內(nèi)容我覺(jué)得與今天的話題很有異曲同工之妙，蘇打綠唱的《小情歌》里有這樣一句歌詞：就算大雨讓這座城市顛倒，我會(huì)給你懷抱。暴風(fēng)雨能把城市顛倒嗎？不會(huì)的，但直到有一天你在上班途中路過(guò)一個(gè)小水潭，你發(fā)現(xiàn)高樓大廈倒影在其中，這時(shí)你才知道其中的浪漫，這也就是老師們常常說(shuō)的開(kāi)竅，從此以后那個(gè)水潭不再是那個(gè)水潭，我們什么時(shí)候會(huì)感受到藝術(shù)？就是某一天你被某些視覺(jué)的刺激，或感官的體驗(yàn)，你對(duì)這個(gè)世界的感知和某位百年前藝術(shù)家靈魂的忽然相遇，藝術(shù)是一種相遇，當(dāng)你見(jiàn)到時(shí)，你會(huì)想起拜倫說(shuō)的我該何以敬你，以微笑以沉默。而如果你對(duì)著畫(huà)面沒(méi)感覺(jué)，不怪你也不怪他，緣分未到而已，但是浪漫主義終歸是浪漫主義，我們?cè)诼殘?chǎng)里的廝殺總是身不由己，有一些人選擇了取巧的路徑，去學(xué)習(xí)美術(shù)理論知識(shí)，增加緣分積累的速度。

今天所訴說(shuō)的便是如何更快的與這段緣分相遇。

好啦～不碎碎念了，最后總結(jié)我的觀點(diǎn)！

班香宋艷韻非過(guò)，抄習(xí)當(dāng)尋正路歌。

廣納眾長(zhǎng)天愈闊，神凝獨(dú)魅彩如酡。

新羽振翔云助力，諸君護(hù)佑夢(mèng)同和。

奮然挺進(jìn)征途遠(yuǎn)，同筑輝煌映月河。

言辭不周，尚顯稚拙，諸君海涵。

拜拜～