如何“抄”成高級設(shè)計師?五大章節(jié)幫你掌握正確姿勢!
前幾天一群 coser 攔住我說:"你是不是 cos 吳彥祖!"我極力解釋說不是,但他們不聽,硬是追著要簽名??粗蠹疫@么熱情,我一度陷入了思考:有沒有可能,其實我是吳彥祖,而他才是在 cos 我呢?
很多伙伴看到這里肯定忍不住就說:"別吹牛皮了!"
為啥你們不信我是真正的吳彥祖呢?因為阿祖就那么一個,我可以模仿他、學(xué)習(xí)他,甚至在某些方面超越他,但永遠(yuǎn)不可能成為他。
這其實就像設(shè)計界的"抄襲"問題。咱可以借鑒靈感,但每個人的獨特性才是最寶貴的。那么問題來了,設(shè)計師到底該如何"抄"才能既提升水平,又保持自己的原創(chuàng)性?今天咱就講講設(shè)計師該如何正確地借鑒。(PS:全文 8 千多字,閱讀大概需要~嗯?應(yīng)該挺久的)
首先我們要知道啥可以抄,啥不能抄?
可以抄的
1. "抄"風(fēng)格:扁平化設(shè)計、極簡主義風(fēng)格等等
這些風(fēng)格趨勢是設(shè)計圈里大家都公認(rèn)的"公開資源",就像大街上流行的潮流,人人都可以穿,咱們在這些風(fēng)格的基礎(chǔ)上進(jìn)行創(chuàng)作,不算抄襲,只是跟風(fēng)罷了。但要注意啦~我所說的抄不是讓你上去一頓 kuku 的 Ctrl+C 再 Ctrl+V !那是赤裸裸的土匪行為!稍微調(diào)整一下,加入自己的理解才是"有靈魂的借鑒"。
2. "抄"通用元素:按鈕、圖標(biāo)、導(dǎo)航欄的基本形狀和功能。
這些基本的設(shè)計元素就像飯菜中的鹽,大家都需要用,但做出來的菜味道各異。比如按鈕是圓形的,咱不能因為別人用了圓形就避而不用吧?那豈不是成了設(shè)計界的"自閉"?還有導(dǎo)航欄、圖標(biāo),這些都屬于用戶體驗的標(biāo)準(zhǔn)配件。你看到支付寶用卡片式布局、微信用氣泡式聊天框,這些都是設(shè)計慣例,拿來主義沒問題!換句話說,這些"公共財產(chǎn)"你隨便借,沒人會說你"抄"。
不能抄的
1. 具體的視覺設(shè)計:獨特的界面布局、配色方案等
這是別人的"私有財產(chǎn)",就像網(wǎng)易云音樂把唱片形式播放申請了專利,這就等于人家結(jié)婚領(lǐng)證了,你就不能去挖人家墻角!但是咱看看 QQ 音樂咋搞的?他們繪制的時候改了唱片機(jī)的角度,我不挖你墻角,但是我找個長得很像的,這就不算抄。
2. 品牌標(biāo)識:商標(biāo)、logo 設(shè)計
這一點就不用說了吧?你和劉亦菲一樣美是沒問題的,但是你要是敢出去說自己是劉亦菲!那你的問題可就大嘍~搞不好要負(fù)法律責(zé)任的!?。ㄔ谧膭⒁喾普堅谖业膫€人主頁聯(lián)系我!我悄悄告訴你怎么避免法律風(fēng)險)
可以抄,但最好別完全抄的。
1. 用戶流程、功能和頁面布局設(shè)計
流氓不可怕,就怕流氓有文化??!朋友們在法律上很多基本的用戶流程和功能設(shè)計是無法受到版權(quán)保護(hù)的,因為它們屬于公共領(lǐng)域!!就比如說你某些功能和別人家的很相似,但在視覺設(shè)計、交互方式、附加功能等方面略有不同,通常不會被視為抄襲。就像咱們做購物車功能,如果你的購物車流程在某些關(guān)鍵環(huán)節(jié)(如結(jié)賬方式、促銷提示、支付選項等)有獨特的設(shè)計或創(chuàng)新,即使整體流程相似,也不算抄襲。
很多界面布局長得像那是因為用戶習(xí)慣和行業(yè)標(biāo)準(zhǔn),但在設(shè)計時也得找些自己的創(chuàng)新點,讓用戶體驗和視覺風(fēng)格上與競爭對手有點區(qū)別,避免抄襲的嫌疑,增強(qiáng)自己品牌的獨特性。就比如說陳妍希、李若彤、劉亦菲雖然都扮演過小龍女,但都展現(xiàn)出了不同的風(fēng)格,這就是藝術(shù)的精髓。
如果你是設(shè)計新手,可以先模仿、參考經(jīng)典,但到了高級階段,你得學(xué)會走自己的路,設(shè)計出讓自己驕傲的作品。
一、我們應(yīng)怎樣看待"抄"??
你用綠色,我也用綠色,你說我抄襲?你用瀑布流,我也用瀑布流,你說我無恥?。磕憷掀砰L得像劉亦菲,巧了!我老婆就是劉亦菲,你說說這到底算不算抄襲????我咨詢過很多朋友,大家對于設(shè)計抄襲的說法是很曖昧的,我大體上總結(jié)為:只要你做的東西讓我想起了另一個人,那我就可以說你抄!我說你是你就是,不管你是不是真的"抄",當(dāng)我認(rèn)定你有罪時,你就已經(jīng)是。
可是在設(shè)計繪畫領(lǐng)域沒有誰的內(nèi)容是完全獨立創(chuàng)作的!大家都是在巨人肩膀上進(jìn)一步的融匯貫通,通過自己的創(chuàng)造性理解將其轉(zhuǎn)化為新作品。(在此聲明本人認(rèn)可并支持知識產(chǎn)權(quán)保護(hù)法!但是我更支持非商業(yè)性質(zhì)的 2 次創(chuàng)新臨摹)稍微相似一點點都不行,那你和那守舊的老古董有什么區(qū)別!
我認(rèn)為設(shè)計師要大膽去"抄",但"抄"的姿勢要正確,要"抄"的有所收獲!
二、怎么才能正確的"抄"?
想要正確的"抄"要先搞懂設(shè)計原理。(簡單說打好基礎(chǔ),有些設(shè)計要點要注意,記牢)
想要修煉上成功法那自然是有要求的,肯定不是啥人都能練,就像《葵花寶典》修煉條件就是:想習(xí)此功,必先自宮。但是對咱們設(shè)計來說我覺得還算簡單,不需要你自宮,只要把設(shè)計需要注意的基本原則搞明白就行。要想"抄"得對,首先得弄明白背后的道理。咱們可不能瞎抄,得抄得有章法,抄得像模像樣。
俺就拿自己舉個例子吧,朋友們老說我像條狗,只是裝成個人。那既然我要模仿人,咱就得先搞懂人的特點——比如得直立行走、會用工具、和人友好互動,最關(guān)鍵的是:不能咬人,不能表現(xiàn)得太"狗"。這就是"抄人"的基本功。
三、如何運用基礎(chǔ)原理?
拿"走路"這件事來說,走路的基本原理是先邁左腳再邁右腳,還得保持身體平衡。所以俺練習(xí)的時候就自帶 BGM:"121,121",有節(jié)奏,重心也穩(wěn)。要是快摔的時候趕緊調(diào)整步子和重心,這樣就不容易摔倒了。明白了這些原理,每走一步俺都倍兒有自信。這就是知道原理后的好處,他能在你腦子里時刻提醒你,別亂來。
很多設(shè)計師羞恥認(rèn)為"抄"有悖讀書人風(fēng)雅,但殊不知那些你認(rèn)為很牛掰的設(shè)計師其實以前也是這樣一路過來的。
四、如何"抄"得進(jìn)階?
掌握了走路技巧以后,就要琢磨咋在這個基礎(chǔ)上創(chuàng)新呢?我發(fā)現(xiàn)通過靈活運用尾巴來保持平衡,起來會更穩(wěn)。于是我就可以發(fā)明了一種新的"狗步",結(jié)合了狗的特性和人的走路方式,創(chuàng)造出獨特的風(fēng)格。這就是"抄"的進(jìn)階。
抄襲無非就是將你認(rèn)為好的東西重新打散、組合、衍生的過程,大家看一下我的設(shè)計過程就能理解了,后續(xù)我也會單獨把整套設(shè)計過程單獨寫一篇給大家分享出來。
五、學(xué)習(xí)基礎(chǔ)原理的意義是啥?
通過學(xué)會走路的原理,咱不光能模仿得像樣兒,還能在此基礎(chǔ)上再加點料,讓模仿變得有意思。設(shè)計也是這么個理兒,咱們搞懂了基礎(chǔ)原理,才能知道哪些地方該沿用,哪些地方得整點新意出來。這樣一來,咱們的設(shè)計水平也就蹭蹭地往上竄。
你以為我是在教你"抄"的手法?實際上我講的都是心法,我說的是每一個原則背后的思考,想要"抄"的好必須在意識上做改變。
在設(shè)計領(lǐng)域要熟知的基礎(chǔ)知識都有啥都有啥?他們對我正確的"抄"有啥作用?聽我細(xì)細(xì)道來~
怕大家看這累,我把需要掌握的內(nèi)容做了整理,總體來說就是"8+2"。先所所謂的"8"都包含啥。
- 靈活性與效率
- 一致性
- 用戶中心設(shè)計
- 視覺清晰度
- 情感設(shè)計
- 層次結(jié)構(gòu)
- 可用性
- 可訪問性
以《你與領(lǐng)導(dǎo)》的故事來為線索大家逐步解釋這些內(nèi)容都是啥意思。
1. 靈活性與效率
你那個啥也不懂的領(lǐng)導(dǎo)強(qiáng)行推翻你的設(shè)計創(chuàng)意,因為他想將不同的按鈕設(shè)計成各式各樣的形狀和顏色,以便"讓每個按鈕都顯得獨特"。你內(nèi)心萬馬奔騰:傻波一!還這么不聽話!這個 B 班沒法上了!!同理來說用戶也希望能夠根據(jù)自己的需求進(jìn)行配置,這和你不喜歡被迫按照固定的流程來操作是一樣的。咱們都希望領(lǐng)導(dǎo)能聽話點,用戶也希望能有更多的自主權(quán)。
咋才能用戶舒服?很簡單,抄那些靈活的設(shè)計思路!比如可以讓用戶自己調(diào)界面、靈活安排任務(wù),甚至能個性化設(shè)置。這樣一來,用戶用著舒坦,工作效率也更高。想想你報網(wǎng)課前 15 分鐘彈出的開課入口,或者手機(jī)應(yīng)用可以隨意排序的功能,這不都是在滿足靈活性與效力嘛!或者你們在玩王者榮耀每天領(lǐng)取獎勵的時候有沒有想過:他就不能搞個一鍵領(lǐng)取么!!只要咱能看懂這些設(shè)計就能借鑒:"嘿?我的項目是不是也可以搞個類似的功能進(jìn)來呢?"
原則說明:允許用戶根據(jù)自己的需求調(diào)整界面設(shè)置,提高使用效率。高效率是指:提供快捷方式,讓用戶能更高效地完成任務(wù)。
2. 一致性
大家都很生氣但又無可奈何,只好先這樣執(zhí)行下去,但是新的問題又來了,為啥?因為領(lǐng)導(dǎo)根本沒給個標(biāo)準(zhǔn)!他就甩下了"按鈕要多樣化"這么一句話,至于到底啥顏色、啥形狀,完全沒譜。于是大家只能按自己理解的來:小張做了圓形按鈕,小李搞了個三角的,小王的按鈕是個橢圓形,顏色也是五彩繽紛。最后交上去,領(lǐng)導(dǎo)一看,滿臉問號:"這啥玩意兒啊?怎么每個頁面都長得不一樣?"你看不明白、領(lǐng)導(dǎo)看不明白,用戶更看不明白。
在舉個例子來說,大家都會玩撲克牌吧?不會玩總歸認(rèn)識吧?那么請看圖片中,哪些是黑桃?哪些是紅桃?哪些是方片?即使圖形發(fā)生了變化,但是大家依舊能夠準(zhǔn)確識別,這便是一致性在設(shè)計中的體現(xiàn)。
接下來,咱們來看看這張圖,請你說出其中花色,看著這張圖大家可能會稍微蒙一下,哎???的顏色變成了紅色,那這個花色到底怎么算?這就是背離了一致性的使用,脫離了用戶心智。
咱們在做設(shè)計的時候要注意,你不能讓用戶每進(jìn)一個頁面都像換了個地方,操作邏輯和界面風(fēng)格沒個準(zhǔn),誰用得順手?用戶喜歡的是一致的體驗,看到某個按鈕就知道它是干啥的,不需要反復(fù)琢磨。有標(biāo)準(zhǔn)、有一致性,才能讓人用著舒服!那我們可以"抄"什么呢?抄規(guī)范、抄流程這不都是可以的嘛?
設(shè)計原則說明:視覺要保持一致性,設(shè)計過程中要確保界面元素如按鈕、字體、顏色等在整個應(yīng)用中保持一致,以增強(qiáng)用戶的熟悉感。功能上也要保持一致,相似的功能應(yīng)以相似的方式進(jìn)行呈現(xiàn)和操作,幫助用戶快速理解。
3. 用戶中心設(shè)計
明知道領(lǐng)導(dǎo)有問題,但咱們接下來也只好在他的指指點點之下繼續(xù)調(diào)整頁面,因為設(shè)計稿不通過,項目就沒法往下走。其實你在被折磨到這段時間做的事就是在滿足目標(biāo)用戶(領(lǐng)導(dǎo))的需求和期待,因為他不滿意咱們就過不了稿。其實咱們心里都明白:領(lǐng)導(dǎo)就等于我們的"用戶",無論咱設(shè)計師咋想,最終還是得讓"用戶"滿意,不然這稿是永遠(yuǎn)過不了。這就跟用戶中心設(shè)計一個道理,不管設(shè)計師覺得自己的創(chuàng)意多牛,最終買單的還是用戶,用戶滿意設(shè)計才算成功,這就是典型的"用戶中心設(shè)計"不管你內(nèi)心如何掙扎,只要最終用戶(領(lǐng)導(dǎo))滿意,設(shè)計就算成功。
問大家個問題,為啥拼夕夕、京東、淘寶的設(shè)計風(fēng)格都不太一樣呢?你會明顯的發(fā)現(xiàn)拼夕夕的頁面設(shè)計明顯 low 了點,拼夕夕沒錢么?請不起優(yōu)秀設(shè)計師嗎?當(dāng)然不是!因為拼夕夕的起步就是走的農(nóng)村包圍城市路線,你可能不喜歡拼夕夕,但是可能 18 線城市的用戶偏偏就是很喜歡。
好既然說到這里咱們在多說一點,京東為什么請楊立后會翻車?為什么京東金融會發(fā)生擠兌事件?如果我們用用戶中心就很容易解釋,京東的用戶畫像男性偏多,楊立又偏偏有女拳嫌疑,說明京東在選人的時候就已經(jīng)背離了用戶中心,事后按理說出來道個歉,安撫一下就行了,男人嘛很好哄的,但偏偏他就不,說自己"躺槍"并強(qiáng)調(diào)說京東金融沒被擠兌,不強(qiáng)調(diào)還好,一強(qiáng)調(diào)用戶就認(rèn)為你官方已經(jīng)很重視這件事了,那就更慌了,用戶想要的安全感你也沒給,和著啥啥都沒用,那用戶不炸毛才怪。說實話我真的覺得京東的公關(guān)太**了,選人出問題,公關(guān)問題更大!想到這里就結(jié)合知識點做個拓展。
咱們觀察別人頁面是就要琢磨他為啥這么設(shè)計?他這么設(shè)計目的是啥?到底有沒有滿足用戶使用目標(biāo)?要通過頁面倒推需求,鍛煉思考能力。"抄"那些成功的設(shè)計思路,像是通過用戶測試收集反饋,不斷迭代優(yōu)化,確保每一個細(xì)節(jié)都能與用戶產(chǎn)生共鳴。就像你希望你的領(lǐng)導(dǎo)尊重你的設(shè)計,用戶也希望在使用產(chǎn)品時感到被理解和重視。
設(shè)計原則說明:了解目標(biāo)用戶的需求和習(xí)慣,設(shè)計時應(yīng)以用戶為中心,確保滿足他們的期望。
4. 視覺清晰
被領(lǐng)導(dǎo)折磨一天,那晚上搞點開心的事放松一下吧!于是你躺在床上,準(zhǔn)備偷偷學(xué)點新姿勢(嗯,學(xué)習(xí)新知識的姿勢),結(jié)果一打開學(xué)習(xí)網(wǎng)站,滿屏幕花花綠綠的廣告劈頭蓋臉打過來!你瞬間懵了!全是廣告都沒學(xué)習(xí)資料!那我不如去看椰樹椰汁!
請找出圖中的漢堡。
有多少伙伴是第一時間就看到漢堡的?漢堡在樣式上與其他的食物形成了差異化,且位置比較偏上,就很容易被大家找到(差異化設(shè)計過程注意要適度表現(xiàn),不要讓整體風(fēng)格跳脫感太重)。如果是你的領(lǐng)導(dǎo)給你布置任務(wù),說要讓用戶第一時間看到漢堡,你覺得他會采取什么方案?
沒錯!放大!放大!再放大!直接把漢堡懟到用戶臉上,其實這也是突出視覺清晰的一個辦法。
理解了設(shè)計原則,去看看別人的設(shè)計是咋通過減少不必的視覺元素提升清晰度的。大佬們是使用高對比度的色彩來突出重要信息?還是通過簡潔的布局引導(dǎo)用戶的視線?當(dāng)咱們設(shè)計新的界面時,要想想咋樣才能讓用戶在使用過程中感到舒適和愉悅?咋樣才能確保他們能夠輕松找到所需的內(nèi)容?帶著問題去思考能讓你看到更多不一樣有意思的事。
設(shè)計中的實際案例都有誰呢?
- Keep 簡潔性:Keep 的界面以極簡風(fēng)格為主,避免了多余的視覺元素,用戶可以迅速找到所需的運動課程。對比度:重要信息如課程時間、難度等級用鮮明的顏色標(biāo)識,增強(qiáng)可讀性。
- 豆瓣 內(nèi)容優(yōu)先:豆瓣的設(shè)計注重內(nèi)容的展示,使用簡潔的排版和對比色來突出書籍、電影等信息。視覺引導(dǎo):通過顏色和空間的運用,引導(dǎo)用戶關(guān)注重要的評論和評分。
設(shè)計原則說明:注意簡潔性,避免過多的視覺元素,保持界面的整潔,突出關(guān)鍵信息。注意對比度,使用對比色來增強(qiáng)可讀性,使重要信息易于識別。
看到上圖你是什么感受?會不會有戳中你的點?拋磚引玉,咱們聊聊情感設(shè)計。
5. 情感設(shè)計
姿勢沒學(xué)成!氣憤的你決定和男票吐槽:我們領(lǐng)導(dǎo)他真***他*的是個大**!你男票說:就是就是!他真是大猩猩!他給你提供足夠的情緒價值,以后你更喜歡和他不斷的叭叭。你能理解這個道理就一定能理解這個設(shè)計原則,在設(shè)計中通過傳達(dá)品牌的情感和價值觀讓用戶認(rèn)識到品牌并且產(chǎn)生情感共鳴。
咱們可以"抄"那些能讓用戶產(chǎn)生積極情感的設(shè)計元素,比如說溫暖的色調(diào)、友好的字體或貼心的功能。
你看到這張圖是什么感受呢?是不是已經(jīng)聞到了自由的味道了?想象一下你的詩和遠(yuǎn)方!沒有什么能夠阻擋~你對自由地向往。天馬行空的生涯...這樣的前奏一響,你是不是已經(jīng)快要飄到西藏了?這就是情感上的共鳴。那么在使用軟件的過程中在哪里體現(xiàn)出這種共鳴呢?
舉幾個例子來大家感受一下。
- 網(wǎng)易云專輯封面和海報展示:網(wǎng)易云音樂的 UI 設(shè)計重視專輯封面的展示,特效和動畫讓用戶在選擇音樂時獲得視覺上的享受,增強(qiáng)音樂的情感體驗。讓咱產(chǎn)生很深的沉浸感。評論和歌詞功能:評論區(qū)設(shè)計上使用簡單易懂的排版,用戶可以在底部看到熱門評論和歌詞,這種設(shè)計讓用戶感受到了參與和互動的情感連。所以他叫網(wǎng)抑云,因為有些評論真的很刀人。
- 支付寶動態(tài)反饋:例如,支付時的動畫效果,傳達(dá)出交易完成的愉悅感,使用戶在使用過程中感受到更積極的情緒。類似于給你個巴掌,然后再給你顆甜棗,一定程度上也是可以緩解你的焦慮。
- 飛豬旅行氣息的視覺設(shè)計:飛豬 App 使用了大量美麗的風(fēng)景圖片和精致的排版設(shè)計,營造出濃厚的旅行氛圍,讓用戶在使用時自然地產(chǎn)生對出行的向往和激情。反正我看到的時候會覺得畫的真的不錯!我也想去爬山。
補(bǔ)充個例子,用交朋友來說,那把你自己視為 app 你的朋友是用戶,交朋友呢最重要的是尊重,懂禮貌。平時說話要把"謝謝""請""對不起"常掛嘴邊,就比如說:這頓飯就你請了吧,我沒有錢,不用謝謝了,就當(dāng)你對不起我了。你看這就顯得咱們很有禮貌,你的朋友一定會覺得和你做朋友這輩子算是值了。
你看以上的例子我們能提取到什么?沉浸感的頁面、高度參與的用戶社區(qū)、趣味性形式緩解用戶焦慮、與情景相匹配的插圖,這不就是我們能抄來的內(nèi)容么?
設(shè)計原則說明:情感共鳴就是通過設(shè)計元素傳達(dá)品牌情感,增強(qiáng)用戶的情感連接,然后提升用戶體驗。
6. 層次結(jié)構(gòu)
越吐槽越氣,有時候很想亮出腰間帶的家伙事兒,指著領(lǐng)導(dǎo)的腦殼說:撲街!吔(食)屎啦你!通過肢體魅力和語言贊美讓他知難而退,我們"指他"和"贊美他"的舉動在設(shè)計角度上來說屬于通過手段調(diào)整層次結(jié)構(gòu),引導(dǎo)他來看重要信息。話說回來,你脅迫領(lǐng)導(dǎo)我沒意見,但是面對用戶咱可不能這么干,那在設(shè)計領(lǐng)域如何引導(dǎo)用戶注意到重要信息呢?
在"抄"的時候注意觀察他們是用的什么手段勾引用戶的,是巧妙運用大???還是搞點顏色?還是在通過位置表現(xiàn)突出關(guān)鍵信息?你可以"借鑒"這些設(shè)計技巧,確保用戶在你的界面中也能夠一眼找到他們想要的信息。比如說加標(biāo)簽?還是字體設(shè)計?字體加粗?色彩強(qiáng)調(diào)?還是什么巴拉巴拉~
設(shè)計原則說明:信息架構(gòu)就是通過視覺層次和布局設(shè)計,引導(dǎo)用戶注意重要信息。使用大小、顏色和位置等等吧來突出重點內(nèi)容。
7. 可用性
通過你領(lǐng)導(dǎo)的悉心栽培之下,你終于完成了設(shè)計效果,滿心忐忑的發(fā)給領(lǐng)導(dǎo)選:A&B?于是乎你開始陷入無盡的焦慮等待中,終于在過去半天后他輕飄飄的給你回復(fù)一個:&!不得不說你領(lǐng)導(dǎo)真正意義上做到了件件有回應(yīng),件件沒著落。
你就能理解及時反饋的意義了吧?如果還是不清楚那你可以再去和你的領(lǐng)導(dǎo)溝通一下就知道了。(就是用戶操作后要及時告知用戶你操作了什么,會觸發(fā)什么樣的結(jié)果,類似于網(wǎng)絡(luò)延遲時你需要給用戶一個網(wǎng)絡(luò)轉(zhuǎn)圈圈的狀態(tài)讓人理解)
說清了及時反饋這個問題,咱們說一下可用性是啥,有些時候領(lǐng)導(dǎo)的所作所為難免會讓咱覺得真想給他一 B 兜!我問大家哈:你們知道怎么打出著一巴掌嗎?你甚至不需要思考,只需要肩帶肘、肘帶腕、腕帶手,下意識狀態(tài)下既能完成(PS:來!我看看有多少伙伴在我說道一巴掌的時候自己下意識展示了!評論區(qū)見),這就是可用性(易用性)高,理解嗎?(簡單說這個應(yīng)用你不用看說明書就能知道咋用,那就是好設(shè)計)
寫到這里忽然想到了另一個概念"易用性",順便也說一嘴吧,可用性是指一個產(chǎn)品在特定環(huán)境下被特定用戶使用的有效性、效率和滿意度??捎眯躁P(guān)注的是用戶能否順利完成任務(wù),以及完成任務(wù)的效率和滿意度。那易用性呢通常指的是用戶在使用產(chǎn)品時的簡單程度。它強(qiáng)調(diào)用戶在使用過程中所感受到的便利性和直觀性。
總結(jié)來說,可用性是一個更廣泛的概念,涵蓋了易用性,但易用性則更側(cè)重于用戶的使用體驗和直觀感受。
設(shè)計原則說明:設(shè)計的要簡單明了,讓用戶能快速上手,減少學(xué)習(xí)成本。反饋機(jī)制要有,用戶的操作應(yīng)有及時的反饋,比如說按鈕點擊后的視覺變化。
8. 可訪問性
如果把你的領(lǐng)導(dǎo)理解為是一臺人工智障,那么他就標(biāo)準(zhǔn)的了做到了"可訪問性"低這件事!因為他事事有回應(yīng),件件沒著落,主打個交給他你就糟心吧!他話也說不明白,有時候連需求方的訴求都說不清楚!工作也安排細(xì)碎,插畫師安排去最 UI,UI 安排去做平面...如果有"領(lǐng)導(dǎo)使用說明書"我一定第一個買!
那咱們反過來說,什么是可訪問性高呢?可訪問性高就是確保用戶能夠順利的接受和使用唄?。?/p>
舉個栗子:比如說色盲、色弱又或者老人?兒童等等。如果設(shè)計時文字與背景的色彩比例不易過低,取保色弱用戶閱讀,這既是可訪問性高。咱也可以用工作性質(zhì)劃分,比如說外賣員、滴滴司機(jī)、職場白領(lǐng)等等,在設(shè)計時要充分考慮他們的狀態(tài)和工作情景,比如外賣員用的頁面,在設(shè)計過程中要注意顏色對比盡量高亮,讓其在日光下也能看清內(nèi)容等等,這也是可訪問性高,其他場景就不一一例舉了。
了解這一點后,你在分析其他設(shè)計時,可以關(guān)注它們是如何考慮不同用戶需求的,針對這些不同需求他們又是如何進(jìn)行設(shè)計的。那你"抄"這些設(shè)計策略就能確保你的界面對所有用戶友好,讓每個人都能輕松參與。
設(shè)計原則說明:產(chǎn)品能夠被所有用戶,包括殘障人士,順利使用的程度??稍L問性確保設(shè)計能夠滿足不同用戶的需求,例如視覺、聽覺或運動障礙者。它關(guān)注的是如何消除使用障礙,使得每個人都能平等地訪問和使用產(chǎn)品。
以上便是我認(rèn)為最代表性的設(shè)計原則了,我甚至覺得設(shè)計其實也就這么點東西,只要這些內(nèi)容自己融會貫通了,不說做出非常牛掰的頁面,最起碼不會犯低級錯誤了,晉升個高級設(shè)計師還是輕松的吧?當(dāng)然了還有一些其他的設(shè)計原則,但是在我看來都是以上內(nèi)容的變形、衍生,甚至是重復(fù)。
我們講完了"8",那么加下來說一下"+2"是什么。不過礙于篇幅原因,很多伙伴說讀起來太久了,所以關(guān)于這個"+2"的部分我決定拆分一下,下篇和大家嘮。(其實這篇文里本來還要包含《設(shè)計師怎么增強(qiáng)個人創(chuàng)意》和《設(shè)計師視覺"抄襲"技巧》。但是要要寫的東西實在是太多太多了,咱們后續(xù)慢慢來寫吧~)
正所謂畫虎畫皮難畫骨。
開始學(xué)設(shè)計時,很多人都會停留在表面模仿,看到某個漂亮的頁面就照貓畫虎。你可能會復(fù)制顏色、排版、圖片和布局,表面看起來和原設(shè)計差不多,但實際上,你并沒有理解設(shè)計背后的邏輯和目的。結(jié)果,雖然視覺上看起來還不錯,卻缺乏獨特性和改進(jìn)的空間,就像只學(xué)到了表面的皮毛,沒能抓住設(shè)計的"骨"。
我們都曾覺得老師很牛!老師做范畫時甚至不需要起形,那是因為他已經(jīng)把人體的骨骼、肌肉結(jié)構(gòu)掌握得爛熟于心,知道該如何靈活應(yīng)用。同樣,設(shè)計師掌握了設(shè)計原則后,無論面對什么項目,都會從"骨"上把握住設(shè)計的要點,不管怎么設(shè)計,都能做得合理、合適。
如果說你能理解透徹設(shè)計原則,具備正確的設(shè)計思維方式,就不再會只是模仿,而是能夠通過不斷學(xué)習(xí)、思考和創(chuàng)新,逐漸成為更有價值的設(shè)計師。這時,你不會只停留在"看起來好看"的層面,而是能夠深入理解一個設(shè)計作品的背景、用戶需求、和解決的問題,并在此基礎(chǔ)上發(fā)揮創(chuàng)意。
這幾天看到的辯論賽討論的內(nèi)容我覺得與今天的話題很有異曲同工之妙,蘇打綠唱的《小情歌》里有這樣一句歌詞:就算大雨讓這座城市顛倒,我會給你懷抱。暴風(fēng)雨能把城市顛倒嗎?不會的,但直到有一天你在上班途中路過一個小水潭,你發(fā)現(xiàn)高樓大廈倒影在其中,這時你才知道其中的浪漫,這也就是老師們常常說的開竅,從此以后那個水潭不再是那個水潭,我們什么時候會感受到藝術(shù)?就是某一天你被某些視覺的刺激,或感官的體驗,你對這個世界的感知和某位百年前藝術(shù)家靈魂的忽然相遇,藝術(shù)是一種相遇,當(dāng)你見到時,你會想起拜倫說的我該何以敬你,以微笑以沉默。而如果你對著畫面沒感覺,不怪你也不怪他,緣分未到而已,但是浪漫主義終歸是浪漫主義,我們在職場里的廝殺總是身不由己,有一些人選擇了取巧的路徑,去學(xué)習(xí)美術(shù)理論知識,增加緣分積累的速度。
今天所訴說的便是如何更快的與這段緣分相遇。
好啦~不碎碎念了,最后總結(jié)我的觀點!
班香宋艷韻非過,抄習(xí)當(dāng)尋正路歌。
廣納眾長天愈闊,神凝獨魅彩如酡。
新羽振翔云助力,諸君護(hù)佑夢同和。
奮然挺進(jìn)征途遠(yuǎn),同筑輝煌映月河。
言辭不周,尚顯稚拙,諸君海涵。
拜拜~
作者:桃子的Tao
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)