你不懂UI設(shè)計(jì)甸鸟,是因?yàn)槟銢](méi)有看過(guò)這本書(shū)(二)

大家好惦费,我是絳清。上周我為大家分享的UI設(shè)計(jì)入門(mén)知識(shí)不僅得到了很多小伙伴的認(rèn)可抢韭,居然還得到了作者本人——郗鑒老師的肯定和鼓勵(lì)薪贫,這讓我感到有些意外,當(dāng)然更多的是開(kāi)心篮绰。

謝謝那些支持我并給我鼓勵(lì)的小伙伴后雷,尤其是讀書(shū)組的小伙伴,是你們讓我更加有動(dòng)力去堅(jiān)持做這件事。

看過(guò)上一篇文章的小伙伴們臀突,想必對(duì)互聯(lián)網(wǎng)設(shè)計(jì)師勉抓、設(shè)計(jì)中的美術(shù)基礎(chǔ)知識(shí)以及平面設(shè)計(jì)知識(shí)體系都有了一定的了解,并且也知道了如何運(yùn)用在平時(shí)的工作中候学。

剛認(rèn)識(shí)我的小伙伴可能對(duì)這些知識(shí)還不夠了解藕筋,那我建議您把上一篇文章看一遍或者直接購(gòu)買郗鑒老師出版的《UI設(shè)計(jì)師入門(mén)必讀的書(shū)》進(jìn)行閱讀,我相信你肯定會(huì)有所收獲的梳码。

來(lái)源:Jane先先先生

那么今天隐圾,我將繼續(xù)為大家分享這本書(shū)里的另外三個(gè)知識(shí)要點(diǎn):

- 1.圖標(biāo)設(shè)計(jì)的技巧;

- 2.設(shè)計(jì)師應(yīng)當(dāng)了解的交互知識(shí)掰茶;

- 3.設(shè)計(jì)師必須掌握的法律常識(shí)暇藏。


01

圖標(biāo)設(shè)計(jì)的技巧

提到圖標(biāo),相信很多人都非常的熟悉濒蒋。圖標(biāo)盐碱,也稱為Icon或Picto,是指有明確含義的圖形視覺(jué)語(yǔ)言沪伙。因?yàn)槠湫问降亩喾N化和表現(xiàn)方式的豐富化瓮顽,使得它被廣泛運(yùn)用于人們的生活中。

而UI設(shè)計(jì)中的圖標(biāo)围橡,可以分為帶有品牌屬性和特性的產(chǎn)品圖標(biāo)以及有功能指示作用的系統(tǒng)圖標(biāo)暖混。

接下來(lái),就讓我來(lái)為大家介紹這兩種圖標(biāo)的風(fēng)格和設(shè)計(jì)方法翁授。

(1)產(chǎn)品圖標(biāo)

產(chǎn)品圖標(biāo)是設(shè)計(jì)師在設(shè)計(jì)界面時(shí)體現(xiàn)品牌調(diào)性和特性的圖標(biāo)拣播。通過(guò)產(chǎn)品圖標(biāo),用戶可以粗略感知這個(gè)產(chǎn)品主要是做什么的黔漂。

例如诫尽,ofo的產(chǎn)品圖標(biāo)是字母ofo的組合,同時(shí)也是一輛自行車炬守,暗示這款產(chǎn)品是共享單車的App;又如牧嫉,微信的產(chǎn)品圖標(biāo)是兩個(gè)對(duì)話氣泡,暗示這是一款社交App等等减途。

產(chǎn)品圖標(biāo)的風(fēng)格

因?yàn)槊總€(gè)用戶的手機(jī)上都裝了很多App酣藻,于是如何把產(chǎn)品圖標(biāo)設(shè)計(jì)得好看并且容易被人記住就成了非常重要的任務(wù)。

要想讓你的產(chǎn)品圖標(biāo)在眾多App中脫穎而出被用戶記住鳍置,那你就需要了解以下這些設(shè)計(jì)風(fēng)格:

文字風(fēng)格:文字是最直白的信息辽剧,而且不容易被曲解。需注意的是税产,要選擇符合氣質(zhì)的字體怕轿,并做一定的變化偷崩。

這類風(fēng)格的產(chǎn)品圖標(biāo)有:小紅書(shū)、支付寶撞羽、愛(ài)奇藝...

正負(fù)形與隱喻風(fēng)格:用正負(fù)形和隱喻來(lái)設(shè)計(jì)圖標(biāo)阐斜,會(huì)使圖標(biāo)更加耐人尋味。

這類風(fēng)格的產(chǎn)品圖標(biāo)有:百度外賣诀紊、ofo谒出、Keep...

折紙風(fēng)格:折紙的效果會(huì)讓人感覺(jué)很立體,所以很多產(chǎn)品選擇折紙效果(比較扁平的手法)來(lái)設(shè)計(jì)產(chǎn)品圖標(biāo)邻奠。

這類風(fēng)格的產(chǎn)品圖標(biāo)有:美拍笤喳、Snapseed、有道云筆記...

填充圖標(biāo)風(fēng)格:使用填充圖標(biāo)風(fēng)格進(jìn)行圖標(biāo)設(shè)計(jì)也是非常合適的碌宴,因?yàn)樘畛鋱D標(biāo)風(fēng)格具有簡(jiǎn)潔性和識(shí)別性強(qiáng)的特點(diǎn)杀狡。

這類風(fēng)格的產(chǎn)品圖標(biāo)有:菜鳥(niǎo)裹裹、瑞幸咖啡贰镣、站酷...

線性風(fēng)格:根據(jù)目前設(shè)計(jì)流行趨勢(shì)捣卤,很多產(chǎn)品圖標(biāo)都熱衷于采用扁平化的設(shè)計(jì)風(fēng)格,而線性風(fēng)格的圖標(biāo)就是非常流行的形式之一八孝。

(不過(guò)厨相,需要特別注意的是不可太細(xì)丧叽。太細(xì)會(huì)導(dǎo)致在手機(jī)上瀏覽時(shí)顯得非常尖銳,不易點(diǎn)擊酝润。)

這類風(fēng)格的產(chǎn)品圖標(biāo)有:網(wǎng)易云音樂(lè)祟绊、愛(ài)彼迎楼入、VUE...

LOWPOLY風(fēng)格:這類風(fēng)格的圖標(biāo)因本身造型的獨(dú)特性,會(huì)讓它在眾多圖標(biāo)中顯得非常吸引眼球牧抽。但是這類圖標(biāo)也有它的問(wèn)題嘉熊,例如容易失去細(xì)節(jié)等等。

這類風(fēng)格的產(chǎn)品圖標(biāo)有:如美妝相機(jī)扬舒、潮自拍阐肤、潘通色...

微漸變風(fēng)格:微漸變也是產(chǎn)品圖標(biāo)設(shè)計(jì)中非常常見(jiàn)的表現(xiàn)手法,因?yàn)樗苡幂p微的漸變表現(xiàn)出圖片的深度讲坎。

這類風(fēng)格的產(chǎn)品圖標(biāo)有:平行世界孕惜、陌陌、騰訊視頻...

卡通風(fēng)格:卡通風(fēng)格的產(chǎn)品圖標(biāo)給用戶的好感度一般都比較高晨炕,可以說(shuō)衫画,它是一種各個(gè)年齡層都能接受的風(fēng)格。

這類風(fēng)格的產(chǎn)品圖標(biāo)有:唱吧瓮栗、QQ削罩、王者榮耀...

圖標(biāo)的網(wǎng)格和參考線

看到這里瞄勾,大家對(duì)產(chǎn)品圖標(biāo)的設(shè)計(jì)風(fēng)格也有了一定的了解了。

同時(shí)弥激,細(xì)心的小伙伴應(yīng)該也觀察到了进陡,無(wú)論圖標(biāo)內(nèi)的形狀怎么變化,圖標(biāo)整體看上去是非常舒服的秆撮,視覺(jué)重心也很穩(wěn)四濒。

這是為什么呢?這里就需要用到圖標(biāo)的網(wǎng)格和參考線來(lái)作為設(shè)計(jì)的輔助了职辨。

網(wǎng)格在很多軟件中都有盗蟆,例如在PS中選擇“視圖”→“顯示”→“網(wǎng)格“即可開(kāi)啟網(wǎng)格。

當(dāng)然需要的話舒裤,也可以選擇去下載第三方設(shè)計(jì)的參考線模板喳资,如Meternal Design的參考線模板就有正方形、圓形腾供、圓形與長(zhǎng)方形結(jié)合的等不同形式仆邓。

如果對(duì)齊模板中的形狀,即可得到面積相等的長(zhǎng)方形伴鳖、正方形节值、圓形,這對(duì)構(gòu)建視覺(jué)上面積相等的圖標(biāo)是非常有益的榜聂。

網(wǎng)格和參考線(圖片來(lái)源:郗鑒)??
不同形狀的網(wǎng)格布局(圖片來(lái)源:郗鑒)??
在網(wǎng)格的輔助下可以設(shè)計(jì)出視覺(jué)上大小均衡的圖標(biāo)(圖片來(lái)源:郗鑒)??

蘋(píng)果啟動(dòng)圖標(biāo)和安卓啟動(dòng)圖標(biāo)的尺寸

關(guān)于蘋(píng)果啟動(dòng)圖標(biāo)的尺寸搞疗,蘋(píng)果官方為開(kāi)發(fā)者提供了一套模板,我們直接去官網(wǎng)HIG下載這套資源拿來(lái)用就好了须肆。

Template-AppIcons-iOS文件(圖片來(lái)源:郗鑒)??

安卓啟動(dòng)圖標(biāo)的尺寸同樣需要很多尺寸匿乃,主流需求是1024X1024px、512pX512px豌汇、144X144px幢炸、96X96px、72X72px拒贱、48X48px這六種宛徊。

是不是覺(jué)得很復(fù)雜,不過(guò)不用擔(dān)心逻澳,因?yàn)檑b老師早已為我們做好了一個(gè)模板岩调。

安卓圖標(biāo)模板(圖片來(lái)源:郗鑒)??

(2)系統(tǒng)圖標(biāo)

除了產(chǎn)品圖標(biāo),我們還需要了解一種圖標(biāo)赡盘,那就是系統(tǒng)圖標(biāo)号枕。

系統(tǒng)圖標(biāo)指的是擔(dān)負(fù)一定功能和含義的圖形,它需要像文字一樣易于理解陨享,所以表達(dá)方式一般都不會(huì)太復(fù)雜葱淳。

例如微信底部的四個(gè)圖標(biāo)”微信“”通訊錄“”發(fā)現(xiàn)“”我“就采用了比較簡(jiǎn)潔的線性風(fēng)格钝腺,做到有趣多樣的同時(shí),又保證了圖標(biāo)的可識(shí)別性赞厕。

和產(chǎn)品圖標(biāo)類似艳狐,系統(tǒng)圖標(biāo)的風(fēng)格也有很多種,下面就一一為大家介紹系統(tǒng)圖標(biāo)的風(fēng)格皿桑。

填充圖標(biāo):填充圖標(biāo)是以面為主要變現(xiàn)形式的圖標(biāo)毫目。

作者:Docker星

線性圖標(biāo):線性圖標(biāo)的表現(xiàn)形式是線條,在系統(tǒng)圖標(biāo)中通常由統(tǒng)一粗細(xì)的的線條組成诲侮。

作者:Docker星

圓角圖標(biāo):無(wú)論是線性圖標(biāo)還是填充圖標(biāo)镀虐,在圖標(biāo)的邊角處使用圓角的都是圓角圖標(biāo)風(fēng)格。

使用這類風(fēng)格的好處就是讓人覺(jué)得很溫柔沟绪,很友好刮便,所以很多產(chǎn)品都喜愛(ài)使用。

圖片來(lái)源:UI中國(guó)

尖角圖標(biāo):與圓角圖標(biāo)風(fēng)格類似绽慈,不同的地方就是尖角風(fēng)格的圖標(biāo)在邊角處都是使用尖角的恨旱。

這樣做的好處是讓人感覺(jué)有棱角,并且給人正式的感覺(jué)坝疼,銀行搜贤、辦公等App使用比較多。

作者:黑馬青年

斷線圖標(biāo):斷線圖標(biāo)其實(shí)是線性圖標(biāo)的一種風(fēng)格變化钝凶,它的特點(diǎn)就是在線條中出現(xiàn)斷口入客。

制作斷線圖標(biāo)時(shí),需要遵守以下四個(gè)規(guī)則:1) 斷線開(kāi)口只有一個(gè)腿椎,否則圖標(biāo)會(huì)無(wú)法識(shí)別;2)斷線位置不應(yīng)在中心線上夭咬;3)斷線開(kāi)口盡量在轉(zhuǎn)折處啃炸;4)斷線不應(yīng)過(guò)于瑣碎。

作者未知

雙調(diào)圖標(biāo):雙調(diào)的圖標(biāo)的外形還是線性圖標(biāo)卓舵,但是用透明度很高的的同類色填充到線性圖標(biāo)內(nèi)部空間南用。

圖片來(lái)源:UI中國(guó)

動(dòng)態(tài)圖標(biāo):動(dòng)態(tài)圖標(biāo)是可以讓用戶看到有趣的動(dòng)態(tài)效果的,為用戶大大增加了趣味性掏湾。

作者未知

(3)圖標(biāo)的設(shè)計(jì)方法

既然大家已經(jīng)了解了產(chǎn)品圖標(biāo)和系統(tǒng)圖標(biāo)的含義及風(fēng)格裹虫,那么現(xiàn)在就讓我們?nèi)W(xué)習(xí)一下圖標(biāo)的設(shè)計(jì)方法。

首先融击,圖標(biāo)的繪制一般都是用矢量圖形筑公,因?yàn)槭噶繄D形具有文件小、隨意放大或縮小都不虛的特點(diǎn)尊浪。

當(dāng)然也有用像素圖形去繪制的匣屡,其特點(diǎn)是變化多端封救、顏色豐富、細(xì)節(jié)多捣作。

今天我們主要了解的是用矢量圖形繪制圖標(biāo)的方法誉结。

用矢量圖形繪制圖標(biāo)有兩種方法:布爾運(yùn)算貝濟(jì)埃曲線

布爾運(yùn)算:布爾運(yùn)算的核心就是兩個(gè)形狀的關(guān)系券躁,即Union(并集)惩坑、Intersection(交集)和Subtration(差集,包括B-A和A-B兩種)也拜。在PS中以舒,布爾運(yùn)算被翻譯成合并形狀、減去頂層形狀搪泳、與形狀區(qū)域相交和排除重疊形狀稀轨。

布爾運(yùn)算中不同的運(yùn)算模式(圖片來(lái)源:郗鑒)??

貝濟(jì)埃曲線:簡(jiǎn)單來(lái)說(shuō),一切使用使用鋼筆工具畫(huà)出來(lái)的圖形都算是貝濟(jì)埃曲線岸军。它由錨點(diǎn)和線段組成奋刽,單擊錨點(diǎn)會(huì)出現(xiàn)兩個(gè)手柄,一個(gè)控制前端線條的走向艰赞,另一個(gè)控制后端線條的走向佣谐。

貝濟(jì)埃曲線繪制方法(圖片來(lái)源:郗鑒)??

系統(tǒng)圖標(biāo)一般常用于App的底部標(biāo)簽欄(也可稱為T(mén)ab欄)、頂部導(dǎo)航欄以及放置很多分類的”金剛區(qū)“方妖。

當(dāng)用于Tab欄時(shí)狭魂,圖標(biāo)的尺寸應(yīng)盡量控制在60px(30pt)左右;當(dāng)用于導(dǎo)航欄時(shí)党觅,圖標(biāo)的尺寸以44px(22pt)左右為宜雌澄。


02

設(shè)計(jì)師應(yīng)當(dāng)了解的交互知識(shí)

可能有些小伙伴會(huì)問(wèn),交互設(shè)計(jì)是指什么杯瞻?

交互設(shè)計(jì)(Interaction Design)也被稱為IXD镐牺。交互設(shè)計(jì)建立了人與計(jì)算機(jī)便捷溝通的通道,它的目標(biāo)是創(chuàng)造可用性和用戶體驗(yàn)俱佳的產(chǎn)品魁莉。

而用戶體驗(yàn)(User Experience)是用戶使用產(chǎn)品的心理和感受睬涧,用戶體驗(yàn)體現(xiàn)了產(chǎn)品設(shè)計(jì)以人為本的設(shè)計(jì)精神。

在上一篇文章中旗唁,我們也提到了用戶體驗(yàn)設(shè)計(jì)(UED)和用戶中心設(shè)計(jì)(UCD)的概念與含義畦浓,但是要想一個(gè)產(chǎn)品被人喜歡,那么我們就要去研究用戶检疫,去了解用戶的心聲讶请。

圖片來(lái)源于網(wǎng)絡(luò)

(1)用戶研究的七種方法

①? 用戶畫(huà)像:根據(jù)產(chǎn)品的調(diào)性和用戶群體,用戶研究團(tuán)隊(duì)可以設(shè)計(jì)一個(gè)用戶的模型屎媳,這種研究方式被稱為用戶畫(huà)像秽梅。它是由帶特征的標(biāo)簽組成的抹蚀,為的是可以更好的理解誰(shuí)在使用這個(gè)產(chǎn)品。

②? 用戶訪談:邀約用戶回答產(chǎn)品的相關(guān)問(wèn)題并記錄企垦,做出后續(xù)分析环壤。

用戶訪談一般分為結(jié)構(gòu)式訪談(根據(jù)提前寫(xiě)好的問(wèn)題結(jié)構(gòu))、半結(jié)構(gòu)式訪談(一半根據(jù)問(wèn)題一半討論)钞诡、開(kāi)放式訪談(較為深入的的交流郑现,雙方都有主動(dòng)探討權(quán))這三種。

需注意的是荧降,用戶不能是從事互聯(lián)網(wǎng)的專業(yè)人士接箫,也不能提出誘導(dǎo)性的問(wèn)題,更不能使用專業(yè)術(shù)語(yǔ)朵诫。

③? 問(wèn)卷調(diào)查:依據(jù)產(chǎn)品列出需要了解的問(wèn)題辛友,制成文檔讓用戶回答,可分為紙質(zhì)問(wèn)卷調(diào)查和網(wǎng)絡(luò)問(wèn)卷調(diào)查剪返。

④? 焦點(diǎn)小組:一般由6~12人組成废累,由一名專業(yè)人士主持,依據(jù)訪談提綱引導(dǎo)小組成員各抒己見(jiàn)脱盲,并記錄分析邑滨。

⑤? 可用性測(cè)試:通過(guò)篩選不同用戶群體對(duì)產(chǎn)品進(jìn)行操作,同時(shí)觀察人員在一旁觀察并記錄钱反,在軟件開(kāi)發(fā)的前期不適用這個(gè)方法掖看。

⑥? 眼動(dòng)測(cè)試:使用特殊的設(shè)備眼動(dòng)儀追蹤用戶使用產(chǎn)品時(shí)眼睛聚焦在哪里,盲區(qū)在哪里面哥。

⑦? 用戶反饋和大數(shù)據(jù)分析:根據(jù)市場(chǎng)提供的反饋和數(shù)據(jù)得出客觀的判斷與合理的推測(cè)哎壳。

(2)用戶需求分析

要做一個(gè)好的產(chǎn)品,我們僅僅只掌握了用戶研究的方法是不夠的尚卫,我們還需要考慮用戶的使用場(chǎng)景归榕,切實(shí)的了解他們真正的需求。

產(chǎn)品中的用戶使用場(chǎng)景表格如下圖所示:

(圖片來(lái)源:郗鑒)??

移動(dòng)端的操作手勢(shì)

眾所周知焕毫,PC端(電腦端)目前主要還是依靠鼠標(biāo)進(jìn)行操作的。而移動(dòng)端與PC端不同驶乾,因?yàn)橐苿?dòng)端是使用手指來(lái)操作界面的邑飒。

一般來(lái)說(shuō),手指點(diǎn)觸區(qū)域的最小尺寸是7mm X 7mm级乐,拇指最小尺寸為9mmX9mm疙咸。也就是說(shuō),在2倍圖中為88px(或44pt)风科。

移動(dòng)端常用手勢(shì)一般有這幾種:

單點(diǎn)觸碰(Tap):點(diǎn)擊用于選擇一個(gè)元素撒轮,類似鼠標(biāo)的左鍵乞旦,是最常用的手勢(shì)。

拖曳(Drag):點(diǎn)擊某個(gè)元素然后拖曳進(jìn)行移動(dòng)题山,與現(xiàn)實(shí)生活中移動(dòng)物體的類似兰粉。

快速拖曳(Flick):速度很快的拖曳操作。

滑動(dòng)(Swipe):水平或垂直方向的滑動(dòng)顶瞳,如翻閱相冊(cè)和電子書(shū)的手勢(shì)玖姑。

雙擊(Double-Click):快速點(diǎn)擊一個(gè)物體兩次,通常會(huì)在放大慨菱、縮小操作中使用焰络。

捏(Pinch):兩根手指向內(nèi)捏時(shí),被捏的物體會(huì)變小符喝,通常在縮小操作中使用闪彼。

擴(kuò)展(Stretch):兩根手指向外推,被操作的物體會(huì)向外拉伸协饲,元素相應(yīng)放大畏腕,通常在放大操作中使用。

長(zhǎng)按(Touch and Hold):手指點(diǎn)擊并按住時(shí)會(huì)激發(fā)另一個(gè)操作囱稽,就像朋友圈長(zhǎng)按相機(jī)圖標(biāo)可只發(fā)文字郊尝。

移動(dòng)端常用手勢(shì)圖(圖片來(lái)源:郗鑒)??

(3)關(guān)于格式塔心理學(xué)

“格式塔”源自德語(yǔ)”Gestalt“,意味”整體“”完形“的意思战惊。

格式塔心理學(xué)認(rèn)為流昏,人們?cè)谟^察事物的時(shí)候會(huì)自動(dòng)腦補(bǔ)出一些邏輯和含義,使觀察對(duì)象變成一個(gè)完整的吞获、整體的况凉、常見(jiàn)的形狀。

接近律(Law of Proximity):人們認(rèn)知事物時(shí)各拷,會(huì)依靠它們的距離判斷它們之間的關(guān)系刁绒,兩個(gè)元素越近關(guān)系就越強(qiáng)。

A組和B組因?yàn)榻咏啥a(chǎn)生不同的閱讀順序(圖片來(lái)源:郗鑒)??

相似律(Law of Similarity):認(rèn)知事物時(shí)烤黍,刺激要素(如大小知市、色彩、形狀等要素)相似的元素人們傾向于把它們聯(lián)合在一起或者認(rèn)為它們是一個(gè)種類速蕊。

相似的元素暗示它們屬于一個(gè)種類(圖片來(lái)源:郗鑒)??

閉合律(Law of Closure):就算沒(méi)有外形的約束嫂丙,人們也會(huì)自動(dòng)把圖形鬧不完整。

左圖中我們會(huì)認(rèn)為是圓形有缺口而不是一條曲線规哲;右圖中我們會(huì)認(rèn)為是圓形被三條線截?cái)嗔硕皇撬膫€(gè)圖形(圖片來(lái)源:郗鑒)??

連續(xù)律(Law of Continuity):在知覺(jué)過(guò)程中人們往往傾向于使知覺(jué)對(duì)象的直線繼續(xù)成為直線跟啤,使曲線繼續(xù)成為曲線,也就是視覺(jué)的慣性。

熟練運(yùn)用連續(xù)律的流氓軟件(圖片來(lái)源:郗鑒)??

成員特性律(Law of Membership Charracter):集體中某一個(gè)元素特殊的一些刺激元素從而使其更加突出隅肥。

突出的外形暗示它與其他元素有不同的功能(圖片來(lái)源:郗鑒)??

(4)情感化設(shè)計(jì)

情感化設(shè)計(jì)是指在抓住用戶注意力竿奏、誘發(fā)情緒反應(yīng)來(lái)提高執(zhí)行行為的可能性的設(shè)計(jì)。

情感化設(shè)計(jì)有三個(gè)水平腥放,分別是本能水平泛啸、行為水平、反思水平捉片,三者是遞進(jìn)關(guān)系的平痰。

本能水平:這個(gè)階段的設(shè)計(jì)就是刺激用戶的感官體驗(yàn),會(huì)比較重視設(shè)計(jì)外形伍纫。

行為水平:這個(gè)階段會(huì)比較重視使用的樂(lè)趣和效率宗雇。一個(gè)優(yōu)秀的行為水平設(shè)計(jì)會(huì)包括功能、易懂性莹规、可用性和物理感覺(jué)這四個(gè)方面赔蒲。

反思水平:反思水平的設(shè)計(jì)與用戶的長(zhǎng)期感受有關(guān),這種水平的設(shè)計(jì)建立了品牌感和用戶的情感投射良漱。這個(gè)階段會(huì)非常重視自我形象舞虱、個(gè)人滿意和情感記憶。

情感化設(shè)計(jì)的三個(gè)水平(圖片來(lái)源:郗鑒)??

馬斯洛需求層次理論將人的需求分為:生理需求母市、安全需求矾兜、社交需求、尊重需求和自我實(shí)現(xiàn)需求五個(gè)層次患久。

(5)交互設(shè)計(jì)八大原則

當(dāng)我們了解了產(chǎn)品五要素(產(chǎn)品設(shè)計(jì)的維度問(wèn)題)椅寺、格式塔心理學(xué)(用戶如何認(rèn)知的問(wèn)題)、情感化設(shè)計(jì)(如何讓用戶滿意的問(wèn)題)后蒋失,我們還需要了解很多交互原則返帕,也就是接下來(lái)要講的交互八大定律。

費(fèi)茨定律:距離越短篙挽、目標(biāo)越大荆萤,那么光標(biāo)到達(dá)目標(biāo)就越快。

舷晨ǎ克定律:一個(gè)人面臨的選擇越多链韭,所需要做出決定的時(shí)間就越長(zhǎng)。

7±2法則:人的記憶廣度為5~9個(gè)單位煮落。

泰斯勒定律:產(chǎn)品固有的復(fù)雜性存在一個(gè)臨界點(diǎn)敞峭,超過(guò)這個(gè)臨界點(diǎn)過(guò)程就不能再進(jìn)行簡(jiǎn)化,只能將這種復(fù)雜性轉(zhuǎn)移州邢。

放錯(cuò)原則:一個(gè)表單是需要填寫(xiě)完畢后方可提交的儡陨,減少錯(cuò)誤操作帶來(lái)的災(zāi)難。

奧卡姆的剃刀法則:產(chǎn)品功能不可過(guò)于繁瑣量淌,應(yīng)該保證簡(jiǎn)潔和工具化骗村。

防呆原則:每個(gè)頁(yè)面應(yīng)強(qiáng)調(diào)一個(gè)重要的功能而不應(yīng)讓用戶做選擇題。

防止不耐煩原則:如果需要用戶等待載入信息呀枢,一定要有一個(gè)情緒化的設(shè)計(jì)提示胚股,避免用戶產(chǎn)生焦慮。


03

設(shè)計(jì)師必須掌握的法律常識(shí)

相信大部分設(shè)計(jì)師在工作中或多或少有過(guò)這樣的經(jīng)歷:不小心用了一張沒(méi)有獲得授權(quán)的素材裙秋、為領(lǐng)導(dǎo)處理過(guò)一個(gè)印章的電子圖片等等琅拌。

這些行為乍一看好像不會(huì)帶來(lái)什么不利的后果,但當(dāng)收到一封律師函的時(shí)候就會(huì)追悔莫及摘刑。

為了防止設(shè)計(jì)師在不知不覺(jué)中侵犯了別人的知識(shí)產(chǎn)權(quán)进宝,我們都有必要去了解下面這些知識(shí)。

圖片來(lái)源于網(wǎng)絡(luò)

(1)抄襲-借鑒-致敬

從著作權(quán)法來(lái)看枷恕,”抄襲“可以是拆解為”違法-復(fù)制“党晋,是可能被起訴的;”借鑒“可以拆解為”合法-演繹“徐块;”致敬“可以拆解為”基于思考-演繹“未玻。

”借鑒“和”致敬“的前提都是需要經(jīng)過(guò)思考的,是對(duì)前作進(jìn)行解構(gòu)或跨領(lǐng)域的創(chuàng)作胡控。

(2)版權(quán)意識(shí)

關(guān)于版權(quán)扳剿,設(shè)計(jì)師在工作中要特別注意的就是這些版權(quán):字體版權(quán)、圖片版權(quán)昼激、IP版權(quán)庇绽、公共版權(quán)以及肖像版權(quán)這五種。

字體版權(quán)

如果大家做設(shè)計(jì)癣猾,需要字體而又不想侵權(quán)時(shí)可以考慮以下三種方法:

①? 使用免費(fèi)字體敛劝,例如思源、Roboto纷宇、站酷高端黑夸盟、站酷快樂(lè)體、旁門(mén)正道標(biāo)題體像捶、鄭慶科黃油體上陕、站酷意大利體等字體。

②??使用平臺(tái)免費(fèi)字體拓春。

③? 購(gòu)買版權(quán)释簿。

圖片版權(quán)

同樣的,如果需要使用一些圖片做設(shè)計(jì)時(shí)硼莽,具體的解決有以下三個(gè):

①? 自己拍攝庶溶。

②??尋找免費(fèi)版權(quán)素材。

③? 購(gòu)買收費(fèi)版權(quán)。例如站酷平臺(tái)的海洛創(chuàng)意就提供了大量?jī)r(jià)格低廉的高質(zhì)量圖片素材偏螺。

(3)社會(huì)勞動(dòng)法行疏,保護(hù)你我他

不是每個(gè)設(shè)計(jì)師都能遇到一個(gè)好的公司,總有人會(huì)在工作中遇到不講理的公司套像。

當(dāng)你很不幸的在一個(gè)公司中遇到了如下情況時(shí)酿联,請(qǐng)立即申請(qǐng)勞動(dòng)爭(zhēng)議仲裁來(lái)保護(hù)我們的合法權(quán)益。

如果你遇到了這些情況夺巩,請(qǐng)立即申請(qǐng)勞動(dòng)爭(zhēng)議仲裁:1)不按時(shí)發(fā)放工資贞让;2)隨意扣除工資;3)離職后不開(kāi)離職證明柳譬;4)未繳納社會(huì)保險(xiǎn)喳张;5)未繳納個(gè)人所得稅;6)未簽訂勞動(dòng)合同美澳。


04

結(jié)尾

這就是我今天要分享給你們的另外三個(gè)知識(shí)要點(diǎn):

- 1.圖標(biāo)設(shè)計(jì)的技巧蹲姐;

- 2.設(shè)計(jì)師應(yīng)當(dāng)了解的交互知識(shí);

- 3.設(shè)計(jì)師必須掌握的法律常識(shí)人柿。

最后柴墩,給每一位熱愛(ài)設(shè)計(jì)以及想要學(xué)設(shè)計(jì)卻還在猶豫的小伙伴們說(shuō)一句:如果你想做、喜歡做凫岖,那就去做吧江咳!永遠(yuǎn)不要懷疑自己,也不要低估自己哥放,你的努力會(huì)讓你遇到更優(yōu)秀的自己歼指!

我個(gè)人崇尚的進(jìn)步法則:1)到死方休的夢(mèng)想;2)總不滿意的自我評(píng)價(jià)甥雕;3)愈挫愈勇的學(xué)習(xí)精神踩身。


分享是最好的學(xué)習(xí),我是絳清社露,感謝你的閱讀挟阻。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市峭弟,隨后出現(xiàn)的幾起案子附鸽,更是在濱河造成了極大的恐慌,老刑警劉巖瞒瘸,帶你破解...
    沈念sama閱讀 218,682評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件坷备,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡情臭,警方通過(guò)查閱死者的電腦和手機(jī)省撑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)赌蔑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人竟秫,你說(shuō)我怎么就攤上這事惯雳。” “怎么了鸿摇?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,083評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)劈猿。 經(jīng)常有香客問(wèn)我拙吉,道長(zhǎng),這世上最難降的妖魔是什么揪荣? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,763評(píng)論 1 295
  • 正文 為了忘掉前任筷黔,我火速辦了婚禮,結(jié)果婚禮上仗颈,老公的妹妹穿的比我還像新娘佛舱。我一直安慰自己,他們只是感情好挨决,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,785評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布请祖。 她就那樣靜靜地躺著,像睡著了一般脖祈。 火紅的嫁衣襯著肌膚如雪肆捕。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,624評(píng)論 1 305
  • 那天盖高,我揣著相機(jī)與錄音慎陵,去河邊找鬼。 笑死喻奥,一個(gè)胖子當(dāng)著我的面吹牛席纽,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播撞蚕,決...
    沈念sama閱讀 40,358評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼润梯,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了甥厦?” 一聲冷哼從身側(cè)響起仆救,我...
    開(kāi)封第一講書(shū)人閱讀 39,261評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎矫渔,沒(méi)想到半個(gè)月后彤蔽,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,722評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡庙洼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年顿痪,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了镊辕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,030評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蚁袭,死狀恐怖征懈,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情揩悄,我是刑警寧澤卖哎,帶...
    沈念sama閱讀 35,737評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站删性,受9級(jí)特大地震影響亏娜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蹬挺,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,360評(píng)論 3 330
  • 文/蒙蒙 一维贺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧巴帮,春花似錦溯泣、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,941評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至用押,卻和暖如春栏尚,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背只恨。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,057評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工译仗, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人官觅。 一個(gè)月前我還...
    沈念sama閱讀 48,237評(píng)論 3 371
  • 正文 我出身青樓纵菌,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親休涤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子咱圆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,976評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容