>
學(xué)校機(jī)構(gòu) >
福州貝納設(shè)計(jì)教育 >
學(xué)習(xí)資訊>
淺析如何做出淘寶美工中簡(jiǎn)約設(shè)計(jì)
淺析如何做出淘寶美工中簡(jiǎn)約設(shè)計(jì)
155 2017-05-12
我們現(xiàn)在來聊聊怎樣才能做出淘寶美工簡(jiǎn)約的設(shè)計(jì)。下面就和福州貝納設(shè)計(jì)學(xué)校的小編一起來看看淘寶美工中的簡(jiǎn)約設(shè)計(jì)是怎么做出來的吧,福州淘寶美工培訓(xùn)哪家好呢。
任何事情都有一定的規(guī)則或原則,比如做人(不是男女之間的事情,淡定。),每個(gè)人都應(yīng)該有自己的做人原則,不能今天信誓旦旦的說“民主黨”好,明天就高調(diào)的加入了“共和黨”;今天我是你的朋友,明天就面對(duì)面捅我一刀。
做簡(jiǎn)約設(shè)計(jì),學(xué)習(xí)下這些原則會(huì)有比較大的幫助。
一、模擬產(chǎn)品
準(zhǔn)確的說不是模擬,是分析。要分析產(chǎn)品意圖,產(chǎn)品目的。做到每一個(gè)像素點(diǎn)都有理有據(jù)的服務(wù)于產(chǎn)品目的。我做一個(gè)app產(chǎn)品,目的是讓用戶點(diǎn)擊我加在里面的廣告,用戶的留存率活躍度美譽(yù)度等等一概不考慮,那首先就要取一個(gè)霸氣的名字,一定要熱門,要讓用戶以為點(diǎn)擊下載還可以賺錢……app產(chǎn)品設(shè)計(jì)肯定是廣告面積最大,做一些錯(cuò)誤的鏈接,做一些不點(diǎn)廣告就無法關(guān)閉的彈窗……很多設(shè)計(jì)師會(huì)僅僅做一個(gè)“美工”的工作,只是把文字改改大小,調(diào)調(diào)顏色,根本沒有自己的思想,所以,要試著去了解產(chǎn)品熟悉產(chǎn)品,明白產(chǎn)品意圖。
二、簡(jiǎn)單明確
所有表達(dá)要直接明了,避免讓用戶產(chǎn)生疑惑。除非產(chǎn)品特殊需要。
場(chǎng)景切換的時(shí)候,如果載入需要一段時(shí)間,那么必須簡(jiǎn)單明確的告訴用戶正在載入中,不能靜默的后臺(tái)數(shù)據(jù)載入,讓用戶無法明確當(dāng)前所處狀態(tài)。數(shù)據(jù)提交成功,簡(jiǎn)單明確的告訴用戶“成功”,失敗則告訴失敗,而不是直接跳轉(zhuǎn)到下一個(gè)發(fā)展?fàn)顟B(tài)。在整個(gè)流程的結(jié)尾尤其如此。
三、統(tǒng)一的設(shè)計(jì)理念
產(chǎn)品的各個(gè)組成部分,用相同的設(shè)計(jì)理念,而不是每個(gè)局部一個(gè)設(shè)計(jì)理念。包括排版方式、顏色、交互方式等等。這也是我們?cè)谠O(shè)計(jì)時(shí),會(huì)先設(shè)計(jì)若干組成部分(比如網(wǎng)站的幾個(gè)代表性頁(yè)面),再提煉出設(shè)計(jì)規(guī)范,最后用這個(gè)規(guī)范設(shè)計(jì)完成剩余所有設(shè)計(jì)。
另外,一般情況下,我們會(huì)選擇用戶已經(jīng)養(yǎng)成的習(xí)慣,比如紅色為警告提醒,綠色為鼓勵(lì)安全,灰色為可以但不鼓勵(lì)等作為貫穿產(chǎn)品的一致設(shè)計(jì)理念。
四、用戶傻瓜模式
當(dāng)然不是用戶是傻瓜,是要有模擬新用戶的思維。大多數(shù)情況用戶對(duì)產(chǎn)品認(rèn)知是空白的,不要理所當(dāng)然的認(rèn)為用戶“應(yīng)該知道這么用”,“應(yīng)該知道點(diǎn)這個(gè)按鈕就是開始”。所以要避免以自己的喜好和“專業(yè)”角度來做僅僅自己喜歡和好用的設(shè)計(jì)。
可能還會(huì)有些原則,但原則也是一個(gè)普遍的情況,偶爾產(chǎn)品允許的情況下也是可以“違反”這些原則的。比如游戲?yàn)榱虽秩練夥?,用很多筆墨裝飾背景環(huán)境,讓用戶有身臨其境的感覺。比如有些產(chǎn)品的主色調(diào)就是紅色,這時(shí)候紅色可能就不具有警告功能了。
原則只是一個(gè)方向,我們接下來說說怎么基于這些原則來做簡(jiǎn)約設(shè)計(jì)的方法。
這個(gè)方法僅僅是個(gè)人總結(jié),基本是在GOMS原型基礎(chǔ)上衍生出來。(站在巨人的肩膀,不會(huì)錯(cuò)的太多。)
step1:明確產(chǎn)品設(shè)計(jì)目的
與上邊的原則相輔,在設(shè)計(jì)開始之前,必須詳細(xì)分析設(shè)計(jì)目的。明確了目的,才能朝著爭(zhēng)取的方向進(jìn)行。很多入門設(shè)計(jì)師完全忽略這個(gè)步驟,接到一個(gè)網(wǎng)頁(yè)設(shè)計(jì)任務(wù),便一頭扎入苦苦設(shè)計(jì),基本功好的最后能做出一個(gè)漂亮但不是提出方想要的設(shè)計(jì),基本功差的就只能做出一坨比原型還糟糕的東西。這個(gè)明確產(chǎn)品設(shè)計(jì)目的的過程大多數(shù)是和設(shè)計(jì)提出方(產(chǎn)品經(jīng)理)溝通來完成的,有時(shí)候設(shè)計(jì)師全程參與產(chǎn)品進(jìn)程的則可以自己來明確目的。
step2:分析解決辦法
這個(gè)過程就是設(shè)計(jì)基本素養(yǎng)體現(xiàn)的時(shí)候了。不是告訴你一句話兩句話就能提高或解決問題的。
但大體思路依然是圍繞設(shè)計(jì)目的,想各種的表現(xiàn)形式,各種的展現(xiàn)方法,各種的技巧使用,各種的參考案例。設(shè)計(jì)基礎(chǔ)是一門積累的手藝,看的多了,做的多了,思考的多了,也就差不到哪里去了。每次設(shè)計(jì)都是需要一次次的試錯(cuò)(大神級(jí)別的更多的是腦子里的試錯(cuò),我們普通級(jí)別的腦子了試錯(cuò)后,設(shè)計(jì)出來還可能不是一個(gè)優(yōu)秀方案,就只能是又證明了一個(gè)錯(cuò)誤的方向。),從試錯(cuò)中尋找一個(gè)最佳設(shè)計(jì)方案。這也是為什么老板都喜歡設(shè)計(jì)師提供多個(gè)方案,因?yàn)樘嘣O(shè)計(jì)師根本沒有在腦子試錯(cuò),一條道走到底出來一個(gè)第一關(guān)就該被踩死的設(shè)計(jì)方案。
step3:選擇排除方案
對(duì)于大神來說根本沒有這個(gè)過程,我們只討論普通上進(jìn)好學(xué)有潛力帥氣漂亮的設(shè)計(jì)師。我們做出了兩個(gè)或多個(gè)方案出來,接下來可以邀請(qǐng)產(chǎn)品經(jīng)理、其他設(shè)計(jì)師、路人甲等來圍觀,旁觀者清,讓他/她們給你提供更進(jìn)一步的已經(jīng)和建議。最終選擇定稿。
step4:再設(shè)計(jì)(redesign)
其實(shí)上一步已經(jīng)完成了正常的設(shè)計(jì)過程,但最為一個(gè)有抱負(fù)有理想的設(shè)計(jì)師,每次的設(shè)計(jì)不能僅僅為了完成任務(wù),而是要每次都能提升自己,從中學(xué)習(xí)進(jìn)步。扯大了,真實(shí)的說,我是為了引出標(biāo)題中的《簡(jiǎn)約至上》,因?yàn)槲姨矚g這本書了。《簡(jiǎn)約至上》提供了四個(gè)方法來讓一個(gè)設(shè)計(jì)變的簡(jiǎn)單:刪除、組織、隱藏、轉(zhuǎn)移。不愧是一本設(shè)計(jì)的好書,簡(jiǎn)單的四個(gè)方法幾乎可解決任何“復(fù)雜”設(shè)計(jì)的瘦身。
總算記得住的都說完了,還有些想說的但沒記住的也就只能先憋著了。
說了這么多,真的是應(yīng)了那句話:簡(jiǎn)約,不簡(jiǎn)單。
另外,感受簡(jiǎn)約,可以用下LOFTER,它們自詡崇尚簡(jiǎn)約。也可以多研究BAT的產(chǎn)品,多數(shù)可算簡(jiǎn)約設(shè)計(jì)。
最后,還有一個(gè)話題,很感興趣,希望以后可以繼續(xù)探討——“流行”。不要輕視流行,很多人眼里,流行就是惡俗、沒品位的代名詞。其實(shí)流行的東西是最符合“當(dāng)下”的人性反饋,它在時(shí)間維度和空間維度上變遷。
請(qǐng)聯(lián)系網(wǎng)站客服,了解詳細(xì)的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)