伊人久久无码中文字幕_欧美成人精品第一区二区三区_玖玖资源站中文字幕在线_97无码超碰中文字幕

首頁(yè)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

博博

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

斌斌UI 2017-02-22 09:46:47

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

年后是找工作的高峰期,特開(kāi)此頭條號(hào)給各位準(zhǔn)UI從業(yè)者一些我在工作中遇見(jiàn)的問(wèn)題,希望對(duì)大家有所幫助。


平面設(shè)計(jì)中,字體的地位越來(lái)越重要,不管是海報(bào)、畫(huà)冊(cè)、折頁(yè)、網(wǎng)頁(yè)、UI設(shè)計(jì)什么,Banner,只要是需要視覺(jué)傳達(dá)的設(shè)計(jì)中,都需要文字作為主要突出傳播角度。

字體拆分再造。是字體設(shè)計(jì)中非常重要的一個(gè)設(shè)計(jì)點(diǎn)。也是我們?cè)O(shè)計(jì)師常用的一種方法。

下面,我給大家舉個(gè)例子,看看字體再設(shè)計(jì)應(yīng)該如何去改造!

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)

UI設(shè)計(jì)中的字體字形設(shè)計(jì)


好了,這就是本期的字形設(shè)計(jì)例子,在大家日常字體設(shè)計(jì)中,多注意字體的偏旁部首,想下如何拆分重組。多去試。


如果我的文章對(duì)大家有所幫助,希望您點(diǎn)擊+關(guān)注,對(duì)我及我的文章有什么建議或者意見(jiàn),歡迎您在下方評(píng)論區(qū)評(píng)論,您的關(guān)注是我最大的動(dòng)力

藍(lán)藍(lán)設(shè)計(jì)www.lindaling.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

無(wú)人零售的運(yùn)營(yíng)困局與破局

博博

無(wú)人零售的運(yùn)營(yíng)困局與破局

人人都是產(chǎn)品經(jīng)理 2018-07-13 09:00:23

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

上一篇《娛樂(lè)零售至死》是我近期在無(wú)人零售領(lǐng)域的實(shí)踐和研究,主要分析了無(wú)人零售領(lǐng)域在娛樂(lè)購(gòu)物新的變化,同時(shí)將零售業(yè)中涉及的“人、貨、場(chǎng)”重新做了界定,看這篇文章之前建議先仔細(xì)看看上一篇文章,這樣理解起來(lái)會(huì)容易一些。

無(wú)人零售的運(yùn)營(yíng)困局與破局

分析無(wú)人零售的運(yùn)營(yíng)前,老規(guī)矩,我們先來(lái)簡(jiǎn)單了解傳統(tǒng)零售業(yè)的運(yùn)營(yíng)。

在傳統(tǒng)零售里,最核心的有兩個(gè)部門(mén):采購(gòu)部和營(yíng)運(yùn)部,這兩個(gè)部門(mén)在京東體系里被合并為:采銷(xiāo)體系。傳統(tǒng)零售的市場(chǎng)營(yíng)銷(xiāo)部門(mén)一般都被邊緣化,要么沒(méi)有獨(dú)立的部門(mén)要么被拆分至采購(gòu)和營(yíng)運(yùn)部門(mén)。例如店內(nèi)物料宣傳一般在采購(gòu)部、店內(nèi)的活動(dòng)宣傳則歸屬營(yíng)運(yùn)部。

傳統(tǒng)零售的主要運(yùn)營(yíng)工作歸根結(jié)底還是品類(lèi)運(yùn)營(yíng)為主,下面這張圖基本上涵蓋了品類(lèi)運(yùn)營(yíng)的幾個(gè)方面:

無(wú)人零售的運(yùn)營(yíng)困局與破局

關(guān)于傳統(tǒng)零售的運(yùn)營(yíng)部分,這篇文章就不過(guò)多展開(kāi)詳細(xì)分析,感興趣的朋友可以通過(guò)搜索獲取更多這方面的信息。

不過(guò)有一點(diǎn)要強(qiáng)調(diào)的就是傳統(tǒng)零售的運(yùn)營(yíng)管理都是屬于人力資源密集型,無(wú)論是采購(gòu)部還是營(yíng)運(yùn)部,都需要招聘和管理很多人,我的老東家沃爾瑪在全球擁有230萬(wàn)員工!

所以傳統(tǒng)零售業(yè)的店內(nèi)運(yùn)營(yíng)就屬于“有人”的運(yùn)營(yíng)體系,在這樣的體系下,出現(xiàn)了導(dǎo)購(gòu)、活動(dòng)運(yùn)營(yíng)、貨架陣列等專(zhuān)業(yè)的崗位。

下面先講一個(gè)案例,感受一下來(lái)自“有人便利店”與互聯(lián)網(wǎng)結(jié)合的創(chuàng)新運(yùn)營(yíng)案例,再來(lái)分析和理解無(wú)人零售的運(yùn)營(yíng)困局和破局。

有個(gè)朋友的親戚在北京某個(gè)小區(qū)的門(mén)口開(kāi)了間便利店,大概100平米左右,屬于非常傳統(tǒng)的“坐商”經(jīng)營(yíng)方式,坐等小區(qū)居民過(guò)來(lái)消費(fèi),每個(gè)月凈利潤(rùn)7、8千元左右,在北京勉強(qiáng)糊口的水平。

這個(gè)朋友有一次來(lái)北京出差,于是這個(gè)親戚就讓他幫忙出謀劃策,有什么好的方法能夠改善提升銷(xiāo)售?

這個(gè)朋友先是對(duì)小區(qū)做了一番調(diào)研:便利店所處的小區(qū)很大,靠近商務(wù)區(qū),租住在這里的年輕白領(lǐng)比較多。1公里外的沃爾瑪超市生意很一般,不遠(yuǎn)處還有另外兩個(gè)便利店的競(jìng)爭(zhēng),而且北京的京東超市做得很好,都對(duì)這個(gè)親戚的便利店都形成了分流。

接下來(lái)做了些銷(xiāo)量提升的分析:如果想要吸引顧客上門(mén),要么低價(jià)促銷(xiāo),要么便利店有其它剛需的價(jià)值。

親戚當(dāng)然不想低價(jià)促銷(xiāo),那么剛需又有哪些呢?這些租戶(hù)有什么共同的需求?分析的結(jié)果是:收發(fā)快遞。

小區(qū)的白領(lǐng)們網(wǎng)購(gòu)特別頻繁,平均一天1、2次快遞都是常有的事。上班的寄到公司有些不合適也不方便,家里平時(shí)又沒(méi)有人,下班快遞有些還不送貨。小區(qū)的快遞柜經(jīng)常放滿(mǎn)而且很偏遠(yuǎn),有些快遞公司還不支持。小區(qū)保安也不幫忙收發(fā)快遞,周末收快遞還要在家等,畢竟有些要出去玩有些想睡懶覺(jué),寄快遞還要麻煩填快遞單……

這樣一分析發(fā)現(xiàn)收發(fā)快遞不僅是剛需,還是痛點(diǎn)。如果能有效解決這個(gè)痛點(diǎn),說(shuō)不定就能帶來(lái)店里的關(guān)聯(lián)銷(xiāo)售……

親戚聽(tīng)他這么一分析,覺(jué)得有些道理,于是馬上花6000元定做了兩個(gè)快遞柜,放在便利店的最里面。然后這個(gè)朋友又出了個(gè)主意,為了更快收回快遞柜的成本,可以給快遞柜的每個(gè)箱子每人配一把專(zhuān)門(mén)的鑰匙,每把鑰匙收30元押金即可免費(fèi)收寄快遞。

最后他們還印刷了一批宣傳單張,在小區(qū)門(mén)口派發(fā),引起了極大的反響。最終300多人交納了押金收了1萬(wàn)多元,基本上都是公司的白領(lǐng),他們之后的收貨地址,全部填的是這個(gè)便利店的柜子編號(hào),平時(shí)柜子是開(kāi)著的,快遞放進(jìn)去后推上直接上鎖。親戚作為老板有一把,交了押金的租戶(hù)有一把,如果還有新的快遞,老板打開(kāi)箱子再放進(jìn)去。

每天都有非常多人來(lái)取快遞,現(xiàn)場(chǎng)統(tǒng)計(jì)的有30%左右的人順帶買(mǎi)了零食和飲料。于是親戚又批發(fā)了一些蔬菜、肉類(lèi)、水果,也賣(mài)得很好。

他還把這300多人接到微信群里,每天通知誰(shuí)有快遞、誰(shuí)的快遞還沒(méi)有拿,由于是剛需,所以沒(méi)有人退群,成功實(shí)現(xiàn)了社區(qū)到社群的演變。

無(wú)人零售的運(yùn)營(yíng)困局與破局

后來(lái),他還做了個(gè)微信小程序商城,把店里一些賣(mài)得好的零食、飲料、水果、蔬菜、肉類(lèi)都放在商城上,滿(mǎn)20元免費(fèi)半小時(shí)內(nèi)送貨。很多不想下樓取快遞的,會(huì)順便買(mǎi)20元東西,然后送貨的時(shí)候幫忙送快遞上來(lái),一舉兩得,下單量非常可觀,生意好得不得了。

這三招,讓原來(lái)每月凈利只有7、8千的小小便利店,月凈利達(dá)到了4萬(wàn)多元!

于是這個(gè)朋友又給他親戚出主意,將小區(qū)旁邊的兩個(gè)便利店收購(gòu)了,用同樣的方法同樣取得了非常好的業(yè)績(jī)。

對(duì)于無(wú)人便利店來(lái)說(shuō),想達(dá)到這些效果恐怕很有難度了。

一. 無(wú)人零售的運(yùn)營(yíng)困局

1. 店內(nèi)資源無(wú)法復(fù)用

剛才提到的快遞柜如果是無(wú)人的,那么一個(gè)柜子只能放一件包裹。有人的情況下則可以通過(guò)鑰匙開(kāi)啟再放多兩三件包裹,雖然節(jié)省了人力成本,卻因?yàn)橘Y源無(wú)法復(fù)用多出了硬件成本。

2. 無(wú)人零售將銷(xiāo)售單位細(xì)分化和分散化,導(dǎo)致無(wú)法進(jìn)行有效的品類(lèi)運(yùn)營(yíng)

無(wú)人零售現(xiàn)在的主流是無(wú)人售貨柜,就算是無(wú)人便利店,能夠放置的商品品類(lèi)仍然有限。

品類(lèi)的關(guān)聯(lián)銷(xiāo)售和多種選擇大都依賴(lài)于后臺(tái)消費(fèi)數(shù)據(jù),并且由于位置有限,品類(lèi)難以擴(kuò)充。由于沒(méi)有關(guān)聯(lián)有人的服務(wù),線下的銷(xiāo)售行為變成了線上冷冰冰的數(shù)據(jù)分析,試圖通過(guò)單靠數(shù)據(jù)來(lái)實(shí)現(xiàn)更精準(zhǔn)的品類(lèi)擺放從而提升銷(xiāo)售,在線下并不見(jiàn)得比“有人”運(yùn)營(yíng)更有效。

無(wú)人零售的運(yùn)營(yíng)困局與破局

另一方面無(wú)人零售企業(yè)為了降低單位租金成本,許多的無(wú)人零售模式都是將銷(xiāo)售單位進(jìn)行拆分,例如無(wú)人橙汁機(jī)、無(wú)人咖啡機(jī)、無(wú)人披薩機(jī)等,這些無(wú)人售貨機(jī)分散在商場(chǎng)或者機(jī)場(chǎng)等各個(gè)角落,關(guān)聯(lián)銷(xiāo)售更加無(wú)從談起。

從上面的案例可以看出,便利店老板在發(fā)現(xiàn)使用快遞柜帶來(lái)了高達(dá)30%的銷(xiāo)售轉(zhuǎn)化后,又進(jìn)貨了蔬菜、肉類(lèi)等品類(lèi)的產(chǎn)品,與原來(lái)的零食和飲料形成新的關(guān)聯(lián)銷(xiāo)售。

關(guān)聯(lián)銷(xiāo)售在零售和電商的運(yùn)營(yíng)體系里是非常重要的,關(guān)于關(guān)聯(lián)銷(xiāo)售涉及的更多內(nèi)容,限于篇幅就不再過(guò)多介紹,歡迎關(guān)注【莊帥零售電商頻道】公眾號(hào),會(huì)有專(zhuān)門(mén)的文章進(jìn)行分析。

3. 現(xiàn)場(chǎng)的活動(dòng)運(yùn)營(yíng)由于無(wú)人而無(wú)法進(jìn)行

運(yùn)營(yíng)體系除了品類(lèi)運(yùn)營(yíng)、用戶(hù)運(yùn)營(yíng)之外,非常重要的就是活動(dòng)運(yùn)營(yíng)。對(duì)于傳統(tǒng)的線下零售來(lái)說(shuō),由于有活動(dòng)運(yùn)營(yíng)策劃配合現(xiàn)場(chǎng)的導(dǎo)購(gòu)員、收銀員,通過(guò)多種多樣的現(xiàn)場(chǎng)活動(dòng)吸引人流借此提升了銷(xiāo)量。

這三個(gè)無(wú)人零售的困局在線下的空間爭(zhēng)奪戰(zhàn)前期并沒(méi)有顯得那么突出,可是隨著占領(lǐng)的空間越來(lái)越多,銷(xiāo)量卻并不如意料。隨著新鮮感漸失,銷(xiāo)量還有可能由于運(yùn)營(yíng)困局下滑的時(shí)候,如何破局就會(huì)成為無(wú)人零售企業(yè)需要認(rèn)真考慮并提上日程。

二. 無(wú)人零售運(yùn)營(yíng)的破局之道

無(wú)人零售如果想通過(guò)運(yùn)營(yíng)體系(品類(lèi)運(yùn)營(yíng)、用戶(hù)運(yùn)營(yíng)和活動(dòng)運(yùn)營(yíng))來(lái)提升銷(xiāo)量,有兩個(gè)方式:一個(gè)依托我在《娛樂(lè)零售至死》提到的“單人多店”模型進(jìn)行活動(dòng)運(yùn)營(yíng);一個(gè)則是強(qiáng)化線下用戶(hù)向線上的轉(zhuǎn)化。

由于要完成補(bǔ)貨和機(jī)器維護(hù)的工作,現(xiàn)在的無(wú)人零售店和機(jī)器還需要“有人”,但隨著無(wú)人送貨機(jī)的發(fā)展和成本的下降,補(bǔ)貨和機(jī)器維護(hù)的工作終將被機(jī)器取代,那人做什么呢?

可以在未來(lái)轉(zhuǎn)型成為活動(dòng)運(yùn)營(yíng)人員,在現(xiàn)場(chǎng)舉辦由總部策劃好的活動(dòng),,從而拉升所在區(qū)域無(wú)人售貨機(jī)的銷(xiāo)量。

要將一直做單一工作的人變成未來(lái)能夠進(jìn)行現(xiàn)場(chǎng)活動(dòng)運(yùn)營(yíng)的人,提前做好相關(guān)的培訓(xùn)和試點(diǎn)就很重要。

第二個(gè)方式是將線下用戶(hù)轉(zhuǎn)至線上(公眾號(hào)、小程序、微信群),然后通過(guò)用戶(hù)運(yùn)營(yíng)和線上的活動(dòng)運(yùn)營(yíng)來(lái)提升線下的無(wú)人售貨機(jī)或便利店的銷(xiāo)售。

其次通過(guò)小程序商城的方式實(shí)現(xiàn)線上的關(guān)聯(lián)銷(xiāo)售。

這些部分限于篇幅就不多展開(kāi)分析了,在后續(xù)的無(wú)人零售實(shí)踐和研究過(guò)程中,我會(huì)繼續(xù)重點(diǎn)關(guān)注運(yùn)營(yíng)體系的變化和創(chuàng)新,這是一個(gè)新課題,如果你在無(wú)人零售的實(shí)踐中已經(jīng)有什么好的做法和想法,歡迎交流~

作者:莊帥(個(gè)人微信:zhuangshuaidu),微信公眾號(hào)“莊帥零售電商頻道(ID:zhuangshuaiec)”,前沃爾瑪(中國(guó))、王府井百貨電商高管,中國(guó)百貨協(xié)會(huì)無(wú)人店分會(huì)客座顧問(wèn)、中國(guó)電子商務(wù)協(xié)會(huì)高級(jí)專(zhuān)家,專(zhuān)注零售電商商業(yè)研究。

本文由 @莊帥 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

藍(lán)藍(lán)設(shè)計(jì)www.lindaling.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


這15個(gè)好習(xí)慣,可以將你塑造為優(yōu)秀的UX設(shè)計(jì)師

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

用戶(hù)體驗(yàn)設(shè)計(jì)師是一個(gè)典型的成長(zhǎng)型的職業(yè),不僅僅是它的發(fā)展空間如此,設(shè)計(jì)師本人同樣需要持續(xù)地學(xué)習(xí)和進(jìn)步才行。誰(shuí)不想變得更好呢?很多時(shí)候,成就更好的自己,來(lái)源于好習(xí)慣。


「不斷重復(fù)的那些事情塑造了我們。卓越并非源于行為,而是來(lái)自習(xí)慣?!箒喞锸慷嗟碌脑捦瑯又v述著這個(gè)道理。在今天的文章當(dāng)中,我所分享的這15個(gè)良好的習(xí)慣,塑造了許多優(yōu)秀的 UX設(shè)計(jì)師,希望你也能養(yǎng)成好習(xí)慣,不斷成長(zhǎng)。

1. 為自己設(shè)定目標(biāo)

設(shè)計(jì)能力從來(lái)不是憑空擁有的,不斷的練習(xí)和持續(xù)的學(xué)習(xí)才能夠幫你成為更好的設(shè)計(jì)師。設(shè)定恰當(dāng)?shù)?、可抵達(dá)的目標(biāo),本身也是一種更好學(xué)習(xí)和前進(jìn)的技巧。

你會(huì)面對(duì)無(wú)窮的機(jī)會(huì)和不同的選擇,但是你的目標(biāo)應(yīng)當(dāng)放在首位。設(shè)定目標(biāo)不要太難,但是也需要有一定的挑戰(zhàn)性:

  • 選擇可實(shí)現(xiàn)的目標(biāo);
  • 為每個(gè)目標(biāo)設(shè)定一個(gè)截止日期;
  • 在日歷中創(chuàng)建相關(guān)的提醒;
  • 達(dá)成目標(biāo)的時(shí)候獎(jiǎng)勵(lì)自己。

2. 練習(xí)主動(dòng)傾聽(tīng)

傾聽(tīng)是一種需要習(xí)得的能力。傾聽(tīng)本身并不是單純的聽(tīng)那么簡(jiǎn)單,它也有分類(lèi):主動(dòng)傾聽(tīng)和被動(dòng)傾聽(tīng)。當(dāng)傾聽(tīng)者沒(méi)有足夠的動(dòng)力和動(dòng)機(jī)來(lái)傾聽(tīng)傾訴者的語(yǔ)言的時(shí)候,信息只是被動(dòng)接收,而通常無(wú)法理解和吸收。

主動(dòng)傾聽(tīng)則不同,傾聽(tīng)者需要完全集中注意力,能夠理解,回應(yīng),并且記住對(duì)方所說(shuō)的內(nèi)容。主動(dòng)傾聽(tīng)是溝通的先決條件。

下面是一些練習(xí)主動(dòng)傾聽(tīng)的技巧:

  • 當(dāng)傾訴者說(shuō)話的時(shí)候,盡量聽(tīng),而不是說(shuō);
  • 不要使用問(wèn)題來(lái)回答問(wèn)題;
  • 不要控制對(duì)話的走向;
  • 不要打斷并替傾訴者說(shuō)話;
  • 保持和傾訴者溝通他所說(shuō)的內(nèi)容,而不是只對(duì)你感興趣的內(nèi)容回應(yīng);
  • 在傾訴者說(shuō)完了之后再提問(wèn)題,而不是中途打斷。

3. 學(xué)會(huì)講故事的技巧

溝通是設(shè)計(jì)過(guò)程中最重要的部分之一。視覺(jué)上的突出只是產(chǎn)品一方面的屬性,更重要的是傳達(dá)。

故事是傳達(dá)信息最為有效的方式之一。好的設(shè)計(jì)團(tuán)隊(duì)會(huì)洞悉產(chǎn)品背后的故事來(lái)驅(qū)動(dòng)產(chǎn)品。講故事是優(yōu)秀 UX設(shè)計(jì)師的必備技能,通過(guò)講述故事能夠更好地吸引用戶(hù)。

下面的方法能夠幫你講述故事:

  • 讓自己沉浸在品牌故事當(dāng)中。如果對(duì)于品牌故事了解不多,會(huì)錯(cuò)失許多想法和機(jī)會(huì)。在產(chǎn)品設(shè)計(jì)開(kāi)始之前,盡可能通過(guò)學(xué)習(xí)來(lái)填補(bǔ)這個(gè)空白。
  • 創(chuàng)建故事板。故事板是描繪用戶(hù)使用產(chǎn)品的場(chǎng)景,是設(shè)計(jì)師用來(lái)表達(dá)想法的重要工具。

4. 避免使用專(zhuān)業(yè)術(shù)語(yǔ)

溝通重要,溝通方式同樣重要。當(dāng)你使用行話來(lái)表述的時(shí)候,用戶(hù)常常很難理解,這是個(gè)壞習(xí)慣。這個(gè)時(shí)候,容易產(chǎn)生誤解。

和團(tuán)隊(duì)中其他成員溝通的時(shí)候,同樣需要注意這個(gè)問(wèn)題。絕大多數(shù)的其他成員不一定會(huì)懂得這些術(shù)語(yǔ)的含義,因此這些術(shù)語(yǔ)會(huì)產(chǎn)生認(rèn)知負(fù)荷。盡量使用簡(jiǎn)單的方式來(lái)表述。

不要在產(chǎn)品的微文案中使用專(zhuān)業(yè)術(shù)語(yǔ)。這個(gè)也是同樣的道理。確保溝通的清晰和精準(zhǔn)。

可以每發(fā)現(xiàn)一個(gè)別人難以理解的專(zhuān)業(yè)術(shù)語(yǔ),就放在罐子中,以示警醒。

5. 不要滿(mǎn)足于特定的某個(gè)想法

如果你腦中只有一個(gè)想法,那么很難說(shuō)這個(gè)想法是對(duì)的還是錯(cuò)的。在做設(shè)計(jì)項(xiàng)目的時(shí)候,一個(gè)想法可能是不夠的,腦洞大開(kāi),在思路上多加探索,開(kāi)放地尋找不同的想法,并且在實(shí)際的設(shè)計(jì)過(guò)程中,篩選出對(duì)的、好的想法。

6. 不要陷入完美主義

許多設(shè)計(jì)師都是完美主義者,想花費(fèi)大量的時(shí)間和精力來(lái)打造完美的產(chǎn)品,這往往會(huì)導(dǎo)致產(chǎn)品開(kāi)發(fā)周期過(guò)長(zhǎng),超出 deadline 。

請(qǐng)記住,完成比完美更重要。不要深陷完美主義的陷阱,拿出能夠滿(mǎn)足要求的產(chǎn)品,追求完美并不是錯(cuò)過(guò) Deadline 的借口。

不要讓追求完美成為塑造好產(chǎn)品的敵人。

7. 學(xué)會(huì)畫(huà)草圖

高保真的原型會(huì)讓人看起來(lái)非常舒暢,但是產(chǎn)品始終是從零開(kāi)始構(gòu)建的,這也意味著你不能跳過(guò)紙筆繪畫(huà),而直接進(jìn)入原型設(shè)計(jì)。數(shù)字化的設(shè)計(jì)在很多時(shí)候會(huì)限制我們的創(chuàng)造力,所以,學(xué)會(huì)畫(huà)草圖很有必要。

使用紙和筆來(lái)繪制草圖將會(huì)幫你節(jié)省大量的時(shí)間,繪制好草圖之后再切換到電腦上會(huì)便捷很多。

在頭腦風(fēng)暴階段,草圖也可以更快地抓住靈感,推動(dòng)進(jìn)度。

8. 善于做筆記

紙和筆應(yīng)該隨時(shí)伴隨著你。每當(dāng)你腦中閃過(guò)一個(gè)好的想法的時(shí)候,不要依靠記憶,好記性始終還是不如爛筆頭的。人類(lèi)的記憶很容易出錯(cuò)。快速記錄你的想法,最好配上草圖。

9. 學(xué)會(huì)總結(jié)經(jīng)驗(yàn)

如果你已經(jīng)參與了不少 UX 項(xiàng)目,那么你可能會(huì)在之前的項(xiàng)目中有過(guò)不少經(jīng)驗(yàn)和想法。不要錯(cuò)過(guò)時(shí)機(jī),將這些經(jīng)驗(yàn)和想法總結(jié)和記錄下來(lái),然后:

  • 將它們用來(lái)解決新問(wèn)題;
  • 通過(guò)有趣的案例研究來(lái)更新你的 UX 作品集;
  • 在社區(qū)分享你的經(jīng)驗(yàn)(比如寫(xiě)總結(jié)文章)。

10. 參與更多的合作

當(dāng)你作為團(tuán)隊(duì)成員和其他人合作項(xiàng)目的時(shí)候,盡量利用這個(gè)機(jī)會(huì)來(lái)協(xié)同,從各個(gè)不同的方面來(lái)協(xié)作。了解其他人正在為這個(gè)項(xiàng)目做什么,以及 UX設(shè)計(jì)師可以怎樣和他們協(xié)作來(lái)提升整個(gè)項(xiàng)目的效果。協(xié)作是 UX設(shè)計(jì)師最有力的技能之一。

11. 參與可用性測(cè)試的環(huán)節(jié)

了解用戶(hù)是 UX設(shè)計(jì)師的首要目標(biāo),許多 UX設(shè)計(jì)師會(huì)采用構(gòu)建角色和分析數(shù)據(jù)的方法來(lái)了解用戶(hù)、進(jìn)行產(chǎn)品交互設(shè)計(jì)。雖然這些工具確實(shí)很有用,但是沒(méi)有什么比使用真實(shí)的用戶(hù)和真實(shí)的產(chǎn)品來(lái)進(jìn)行測(cè)試更有效的了。用戶(hù)可用性測(cè)試你觀看的越多,對(duì)于產(chǎn)品和用戶(hù)就越了解,也越能夠洞悉問(wèn)題的所在。

12 . 每天都要盡量汲取靈感

設(shè)計(jì)師需要靈感,需要從不同的地方盡可能多的獲取靈感。在這里,我分享兩個(gè)技巧:

  • 在工作內(nèi)容和靈感之間尋找平衡點(diǎn)?;ㄙM(fèi)20%的精力來(lái)尋找靈感,在具體的工作內(nèi)容上花費(fèi)80%的時(shí)間來(lái)進(jìn)行打磨。
  • 不要局限于UI/UX領(lǐng)域的內(nèi)容。多參加創(chuàng)意活動(dòng),去不同的地方,拍照,聽(tīng)音樂(lè),做手工,或者練習(xí)寫(xiě)作技巧都可以。

個(gè)人觀點(diǎn):我相信廣告能夠給你帶來(lái)許多靈感。廣告當(dāng)中包含了大量的類(lèi)比、隱喻,設(shè)計(jì)師可以借此創(chuàng)造具有說(shuō)服力的設(shè)計(jì)。

13. 歡迎建設(shè)性的意見(jiàn)和批評(píng)

我們很多人都害怕接受批評(píng)。我們的工作確實(shí)不完美,特別當(dāng)我們投入了大量的時(shí)間和精力的前提下,還做不到完美,聽(tīng)到批評(píng)確實(shí)會(huì)緊張甚至抵觸。但是批判性地看待我們自己的工作是很有必要的。因?yàn)椋?

你不是為你自己而設(shè)計(jì),你是為你的用戶(hù)而做設(shè)計(jì)。

平復(fù)情緒,接受建設(shè)性的批評(píng),從教訓(xùn)中學(xué)習(xí)往往更加深刻。在批評(píng)中成長(zhǎng)固然不那么好受,但是卻能夠帶來(lái)長(zhǎng)足的成長(zhǎng)。

批評(píng)可能不會(huì)令人滿(mǎn)意,但是這是必要的。它和疼痛的功能是一樣的,讓人注意到不健康的狀態(tài)?!鸺獱?

下面是一些建議:

  • 學(xué)會(huì)過(guò)濾批評(píng)中的信息。將情緒和意見(jiàn)分離開(kāi)來(lái),找到對(duì)自己有用的信息。
  • 請(qǐng)求誠(chéng)實(shí)的意見(jiàn)。確保批評(píng)和分享中包含真實(shí)的想法。
  • 定期詢(xún)問(wèn)獲得反饋。
  • 不要局限于設(shè)計(jì)領(lǐng)域。向來(lái)自不同領(lǐng)域的人請(qǐng)教和學(xué)習(xí)。

14. 批評(píng)和判斷他人的設(shè)計(jì)

其實(shí),評(píng)判他人的設(shè)計(jì)也是自我提升的一種方法。在這個(gè)過(guò)程中要注意:

  • 問(wèn)對(duì)問(wèn)題。能夠提出對(duì)的問(wèn)題,能夠洞察到設(shè)計(jì)當(dāng)中的關(guān)鍵,提出有價(jià)值的評(píng)判,一樣非??简?yàn) UX設(shè)計(jì)的眼力。
  • 不要提出不明智的建議??酥谱∧愕臎_動(dòng),提出有用有效的建議,如果某個(gè)部分需要重新設(shè)計(jì),最好是帶著有效的數(shù)據(jù)來(lái)提建議。

15. 學(xué)會(huì)休息

一直保持工作狀態(tài),是無(wú)法走得足夠遠(yuǎn)的。事實(shí)上,人是很容易倦怠的,無(wú)論是身體還是精神,都很容易在不同的壓力之下,引發(fā)情緒和身體上的疲憊。

設(shè)計(jì)師也經(jīng)常會(huì)在設(shè)計(jì)中碰到死胡同。當(dāng)你出現(xiàn)這樣的局面的時(shí)候,一定不要死扛,先休息一下,散步,呼吸新鮮空氣,能夠幫你更好地調(diào)整狀態(tài)。

結(jié)語(yǔ)

偉大的設(shè)計(jì)師從來(lái)都不是天生的,他們是在不斷的訓(xùn)練當(dāng)中逐步培養(yǎng)出來(lái)的。無(wú)論我們有著怎樣的經(jīng)驗(yàn),總會(huì)有辦法不斷改進(jìn)和提升。


案例研究:一款助眠APP的UI設(shè)計(jì)分析

藍(lán)藍(lán)設(shè)計(jì)的小編

現(xiàn)在,我們發(fā)現(xiàn)健康類(lèi)APP越來(lái)越多了:健身應(yīng)用程序、跟蹤器、卡路里計(jì)算器、水和食物日記、活動(dòng)提醒等等,這些APP的確對(duì)我們保持日常健康提供了幫助。

偽類(lèi)和偽元素

seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

定義:

偽類(lèi)和偽元素就是為文檔中不一定存在的結(jié)構(gòu)指定樣式,或者為某些元素(甚至文檔本身)的狀態(tài)所指示的幻象類(lèi)指定樣式。css引入偽類(lèi)和偽元素概念是為了格式化文檔樹(shù)以外的信息。

偽類(lèi)的形式:選擇符: 偽類(lèi){ 屬性:屬性值 }

偽元素的形式:選擇符:: 偽元素{ 屬性:屬性值 }

CSS3規(guī)范中要求使用雙冒號(hào)(::)表示偽元素,以此來(lái)區(qū)分偽元素和偽類(lèi)。

 

鏈接偽類(lèi)

a:link{…}  //指向未訪問(wèn)的鏈接

a:visited{…} //指向已訪問(wèn)的鏈接

 

動(dòng)態(tài)偽類(lèi)

E:hover{…}  //元素上有鼠標(biāo)指針停留

E:active{…} //元素被用戶(hù)輸入激活

E:focus{…}  //元素?fù)碛休斎虢裹c(diǎn)

 

偽類(lèi)的順序很重要,一般為link-visited-focus-hover-active。動(dòng)態(tài)偽類(lèi)可以應(yīng)用到任何元素,可以為用戶(hù)提供一種“強(qiáng)調(diào)”的作用。


E:first-child{…}

為父元素(可以body,div,ul,ol等)中的第一個(gè)子元素E元素設(shè)置樣式,注意,E必須是父元素中的第一個(gè)子元素。

 

E:lang(value)

為E元素中l(wèi)ang屬性為value的元素設(shè)置屬性。相當(dāng)于E[lang |= “value”]。

 

結(jié)合偽類(lèi)

a:link:hover{…}//鼠標(biāo)停留在未訪問(wèn)的鏈接上

a:visited:hover{…}//鼠標(biāo)停留在已訪問(wèn)的鏈接上

 

偽元素選擇器

在文檔中插入假想元素,導(dǎo)致用戶(hù)代理對(duì)一個(gè)假想元素做出響應(yīng)。

p:first-letter{…}  //設(shè)置首字母樣式,為p塊級(jí)元素第一個(gè)元素設(shè)置樣式

p:first-line{…}   //設(shè)置第一行的樣式,為p塊級(jí)元素第一個(gè)元素設(shè)置樣式

所有偽元素都必須放在出現(xiàn)該偽元素的選擇器的最后面。

 

設(shè)置之前和之后元素的樣式

E:before {content:”…”}

E:after {content:”…”}


注:關(guān)于偽類(lèi)和偽元素,我的理解并不是很深,不過(guò)掌握上面的這些內(nèi)容,我想也是夠用了。以上內(nèi)容大部分是《CSS權(quán)威指南》中內(nèi)容,總結(jié)了一下方便記憶。關(guān)于偽類(lèi)和偽元素的內(nèi)容,這里有一個(gè)不錯(cuò)的文章,下面是這篇文章的鏈接:http://www.alloyteam.com/2016/05/summary-of-pseudo-classes-and-pseudo-elements/#prettyPhoto 下面的內(nèi)容引自這篇文章,可以補(bǔ)充上面的內(nèi)容,貼在這里方便自己日后查閱。

偽類(lèi)與偽元素的具體用法


藍(lán)藍(lán)設(shè)計(jì)www.lindaling.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

如何開(kāi)始學(xué)UI?入學(xué)UI的五大問(wèn)題!

藍(lán)藍(lán)設(shè)計(jì)的小編

1.我想學(xué)UI,請(qǐng)問(wèn)看什么書(shū)啊?

2.我想學(xué)UI,請(qǐng)問(wèn)哪個(gè)培訓(xùn)機(jī)構(gòu)比較好?

3.我想學(xué)UI,請(qǐng)問(wèn)如何入手?

4.我不是設(shè)計(jì)專(zhuān)業(yè),但是我還是想學(xué)UI,請(qǐng)問(wèn)如何系統(tǒng)學(xué)習(xí)?

5.我不管,我就是要學(xué)UI,請(qǐng)您給點(diǎn)兒建議。

界面視覺(jué)設(shè)計(jì) 5 要素之字體篇

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


字體是界面設(shè)計(jì)中重要的構(gòu)成要素之一,它能輔助信息的傳遞,是文字的外在表現(xiàn)形式;字體還可以通過(guò)其獨(dú)有的藝術(shù)魅力,表達(dá)情感體驗(yàn),并塑造品牌形象。

本文總結(jié)了字體設(shè)計(jì)的重要性、界面常用字體推薦以及國(guó)內(nèi)外權(quán)威設(shè)計(jì)體系中對(duì)字號(hào)、行高、字重的選擇和設(shè)置。如果你想對(duì)界面字體設(shè)計(jì)有更深一步地了解和運(yùn)用,本文將會(huì)提供一些幫助。

一、字體

1. 字體設(shè)計(jì)的重要性

輔助信息傳遞

文字是信息內(nèi)容的載體,是記錄思想、交流思想、承載語(yǔ)言的圖像或符號(hào),而字體則是文字的外在形式特征,是文字的視覺(jué)風(fēng)格表現(xiàn)。合適的字體可以輔助文字,將信息清晰、準(zhǔn)確地傳遞給用戶(hù)。

表達(dá)情感體驗(yàn)

字體的藝術(shù)性體現(xiàn)在其完美的外在形式與豐富的內(nèi)涵之中。在文字信息傳遞給用戶(hù)之前,人們首先感受到的是字體帶來(lái)的視覺(jué)魅力以及情感表達(dá)。

塑造品牌形象

不同字體有著不同的風(fēng)格特征: 有的字體優(yōu)美清新、線條流暢;有的字體造型規(guī)整、充滿(mǎn)張力;還有的字體生動(dòng)活潑、色彩明快……根據(jù)產(chǎn)品的屬性選擇正確的字體,便能有效地塑造品牌形象。

2. 界面常用字體推薦

字體的選擇是由產(chǎn)品屬性或品牌特性的關(guān)鍵詞而決定。一般中文字體種類(lèi)分為:黑體、宋體、仿宋、楷體等;英文字體種類(lèi)分為:無(wú)襯線體、襯線體、意大利斜體、手寫(xiě)體、黑字體等。

中文字體推薦

線上中文字體推薦使用思源黑體、華文黑體、冬青黑體、微軟雅黑、蘋(píng)方-簡(jiǎn)、黑體-簡(jiǎn)、方正蘭亭黑。其中 iOS 系統(tǒng)默認(rèn)中文字體是「蘋(píng)方PingFang」,Android 系統(tǒng)中文字體使用「思源黑體Noto Sans CJK」。

介紹下「思源黑體」這款字體,它是由 Google 和 Adobe 合作開(kāi)發(fā)出來(lái)的,風(fēng)格介于現(xiàn)代和傳統(tǒng)之間,可以廣泛用于多種途徑,比如手機(jī)、平板、桌面的用戶(hù)界面、網(wǎng)頁(yè)瀏覽或者電子書(shū)閱讀等。它為人們帶來(lái)了愉悅和的信息閱讀體驗(yàn),并且是免費(fèi)的。

英文字體推薦

線上英文字體推薦使用 San Francisco、Helvetica Neue、Roboto、Avenir Next、Open Sans。其中 iOS 系統(tǒng)默認(rèn)英文字體為「San Francisco」,Android 系統(tǒng)默認(rèn)英文字體為「Roboto」。

Helvetica 是一種被廣泛使用的西文字體,1957年由瑞士字體設(shè)計(jì)師設(shè)計(jì),微軟常用的 Arial 字體也來(lái)自于它。

作為一款經(jīng)典的無(wú)襯線字體,Helvetica 在平面設(shè)計(jì)和商業(yè)上非常普及和成功,被認(rèn)為是現(xiàn)代主義設(shè)計(jì)理念的典范,其簡(jiǎn)潔樸素的線條風(fēng)格非常受追捧。

數(shù)字字體推薦

線上數(shù)字字體推薦使用 DIN、Core Sans D、Helvetica Neue。

DIN 起源于1995年的德國(guó),無(wú)襯線字體,易用耐看、字形開(kāi)放,是設(shè)計(jì)師最?lèi)?ài)的幾類(lèi)字體之一,適合顯示比較長(zhǎng)的大號(hào)數(shù)字,但是小字號(hào)的情況下識(shí)別度較低。

Core Sans D 是由韓國(guó)設(shè)計(jì)師設(shè)計(jì)的一款無(wú)襯線字體,支持 Thin、Light、Regular、Medium、Bold 等類(lèi)型字重,對(duì)大號(hào)數(shù)字的顯示效果不錯(cuò),不過(guò)它是收費(fèi)字體。

Helvetica Neue 除了上文介紹的簡(jiǎn)潔樸素、中性嚴(yán)謹(jǐn)、沒(méi)有多余的修飾外,還是 Helvetica 的升級(jí)版,擁有了更多的字重,可以作為 iOS 和 Android 跨平臺(tái)數(shù)字字體使用。

二、字號(hào)

1. 關(guān)于字號(hào)

字號(hào)是界面設(shè)計(jì)中另一個(gè)重要的元素,字號(hào)大小決定了信息的層級(jí)和主次關(guān)系,合理有序的字號(hào)設(shè)置能讓界面信息清晰易讀、層次分明;相反,糟糕無(wú)序的字號(hào)使用會(huì)讓界面混亂不堪,影響閱讀體驗(yàn)。

2. 字號(hào)的選擇

字號(hào)的選擇,可以遵循 iOS 、Material Design、Ant Design 等國(guó)內(nèi)外權(quán)威設(shè)計(jì)體系中的字號(hào)規(guī)則,也可以根據(jù)產(chǎn)品的特點(diǎn)自行定義。

iOS 字號(hào)規(guī)則

在 iOS11 系統(tǒng)中,使用 San Francisco 作為系統(tǒng)英文字體,包含了以下幾種字號(hào)的文本樣式:

  • 11pt / 12pt Caption 說(shuō)明文字
  • 13pt Footnote 腳注
  • 15pt Subhead 副標(biāo)題
  • 16pt Callout 標(biāo)注
  • 17pt Body / Headline 正文 / 模塊標(biāo)題
  • 20pt / 22pt / 28pt Title 頁(yè)面標(biāo)題
  • 34pt Large Title 頁(yè)面大標(biāo)題

需要注意的是,San Francisco 字體有兩種模式:文本模式 SF Pro Text 和展示模式 SF Pro Display,文本模式適用于字號(hào)小于 20pt 的文字,展示模式適用于字號(hào)大于等于 20pt 的文字。

Material Design 字號(hào)規(guī)則

在 Material Design 設(shè)計(jì)體系中,使用 Roboto 作為英文字體,規(guī)定了以下文字排版的常用字號(hào):

  • 12sp 小字提示
  • 14sp(桌面端 13sp)正文 / 按鈕文字
  • 16sp(桌面端 15sp)小標(biāo)題
  • 20sp Appbar 文字
  • 24sp 大標(biāo)題
  • 34sp / 45sp / 56sp / 112sp 超大號(hào)文字

長(zhǎng)篇幅正文,每行建議 60 字符左右,短文本建議每行 30 字符左右。

Ant Design 字號(hào)規(guī)則

Ant Design 受到5音階以及自然律的啟發(fā)定義了10種不同的字號(hào),從小到大依次為: 12px、14px、16px、20px、24px、30px、38px、46px、56px、68px。

建議主要字號(hào)為 14px,其余字號(hào)的選擇可根據(jù)具體情況進(jìn)行自由的定義,盡量控制在3-5種之間,保持克制的原則。

Kiwi 字號(hào)規(guī)則

Kiwi 是餓了么的中后臺(tái)設(shè)計(jì)語(yǔ)言,致力于打造出能夠「了解、洞察、溫暖、激勵(lì)用戶(hù)」的產(chǎn)品。

在 Kiwi Web 中,規(guī)定最小字號(hào)為 12px,主要文本字號(hào)為 14px,最大字號(hào)為 46px。

三、行高

1. 關(guān)于行高

行高可以理解為一個(gè)包裹在字體外面的無(wú)形的框,字體距框的上下空隙為半行距。

參考 W3C 原理,眼睛到屏幕的距離 25cm 為最佳閱讀距離。

西文的基本行高通常是字號(hào)的 1.2 倍左右。而中文因?yàn)樽址軐?shí)且高度一致,沒(méi)有西文的上伸部和下延部來(lái)創(chuàng)造行間空隙,所以一般行高需要更大,根據(jù)不同人群的特點(diǎn)(兒童、年輕人、老年人)以及使用環(huán)境,可達(dá)到1.5至2倍甚至更大。

2. 行高的設(shè)置

iOS 行高設(shè)置

Apple 官方的 iOS 字號(hào)與行高對(duì)應(yīng)關(guān)系如下(@1x倍率):


Fluent Design 行高設(shè)置

Microsoft 官方的 Fluent Design 字號(hào)與行高對(duì)應(yīng)關(guān)系如下(使用字體 Segoe UI):

Ant Design 行高設(shè)置

螞蟻金服的 Ant Design 字號(hào)與行高對(duì)應(yīng)關(guān)系如下(優(yōu)先使用系統(tǒng)默認(rèn)字體):

行高計(jì)算公式:L = F + 8。其中 L 是行高(Line Height),F(xiàn) 是字號(hào)(Font Size),F(xiàn) ≥ 12。

四、字重

1. 關(guān)于字重

字重是指字體的粗細(xì),一般在字體家族名后面注明的 Thin、Light、Regular、Medium、Bold、Heavy 等都是字重名稱(chēng)。越來(lái)越多的產(chǎn)品界面需要通過(guò)字重來(lái)拉開(kāi)信息層次,當(dāng)下主流趨勢(shì) iOS11 大標(biāo)題風(fēng)格就是通過(guò)字重來(lái)拉開(kāi)信息層級(jí)的。

不同的字重體現(xiàn)不同的層級(jí)關(guān)系和情緒感受,細(xì)的字體給人以細(xì)膩、輕盈的感覺(jué),而粗體則給人莊重和嚴(yán)肅的感受,所以在定義字體規(guī)范時(shí)候需要考慮什么場(chǎng)景用什么字重,從而保持良好閱讀體驗(yàn)。

2. 字重的設(shè)置

字重的設(shè)置同樣基于秩序、穩(wěn)定、克制的原則。為了統(tǒng)一整體效果,一般情況下使用兩種字重為佳,例如只出現(xiàn) Regular 以及 Medium 這兩種字體粗細(xì),特殊情況下可以使用更粗或更細(xì)的字重進(jìn)一步拉開(kāi)信息層級(jí)。

當(dāng)字號(hào)大小為 12-18pt 時(shí),使用 Regular;20-26pt 時(shí),使用 Light;28-34pt 時(shí),使用 Thin;當(dāng)字號(hào)大小超過(guò) 34pt 時(shí),建議使用 Ultralight。

以上是按字號(hào)與字重反比的規(guī)則設(shè)置,即字號(hào)越大,字重越輕。當(dāng)然也可以按正比的規(guī)則或者自定義規(guī)則,具體還是要根據(jù)產(chǎn)品的定位和用戶(hù)的特點(diǎn)來(lái)設(shè)置,以保證信息層級(jí)清晰明了為準(zhǔn)。

藍(lán)藍(lán)設(shè)計(jì)www.lindaling.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

體驗(yàn)設(shè)計(jì)中的 affordance

鶴鶴

這個(gè)詞,國(guó)內(nèi)有很多翻譯版本——示能、功能可供性、承擔(dān)特質(zhì)、直觀功能、預(yù)設(shè)用途、可操作暗示、支應(yīng)性、示能性等...目前“功能可供性”使用較多。但無(wú)論通過(guò)哪個(gè)詞匯來(lái)講,可能都不會(huì)很清晰的傳達(dá)其含義。


vue生命周期鉤子函數(shù)(11個(gè))

seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

說(shuō)一下vue的聲明周期:

vue 的生命周期11個(gè)鉤子函數(shù)是按照以下的順序來(lái)的 :(不可逆轉(zhuǎn)哦,第11個(gè)除外) 
一. 組件創(chuàng)建前后

1.beforeCreate
2.created
    
  • 1
  • 2

如,寫(xiě)一個(gè)子組件,然后掛在到父組件,在子組件中,console.log 子組件中的

data(){ return { a:1 },
    beforeCreate(){
        console.log(this.a)//undefined },
    created(){
        console.log(this.a)//1 }
}
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11


.


二. vue啟動(dòng)前后

3.beforeMount 4.mounted
    
  • 1
  • 2

這兩個(gè)的意思就是, 
vue在beforeMount時(shí),還不管事,也就是說(shuō),還沒(méi)有渲染數(shù)據(jù)到<div id="app"><div/>里面,此時(shí)的這個(gè)組件還是空的

當(dāng)mounted時(shí),才會(huì)往<div id="app"><div/> 添加?xùn)|西,也就是vue正式 
接管<div id="app"><div/>

可以獲取#app的innerHTML查看差異;

beforeMount(){ console.log(document.getElementById('app').innerHTML)//空的
},
mounted(){ console.log(document.getElementById('app').innerHTML)//#app里的內(nèi)容 }
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6


.


三. 組件更新前后

5.beforeUpdate 6.updated
    
  • 1
  • 2

這個(gè)就不用我多說(shuō)了吧?當(dāng)子組件里面的 視圖改變 的時(shí)候觸發(fā)。 
如,做一個(gè)按鈕,讓data里面的a++,假如 一開(kāi)始a是1 
beforeUpdate返回1 
updated返回2

beforeUpdate(){
    console.log(document.getElementById('a').innerHTML)//1 },
updated(){
    console.log(document.getElementById('a').innerHTML)//2 }
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

再點(diǎn)一次 
beforeUpdate返回2 
updated返回3。。。 

.


四. 組件銷(xiāo)毀前后(一般配合v-if使用)

7.beforeDestroy
8.destroyed
    
  • 1
  • 2

給這個(gè)子組件用v-if來(lái)控制它的銷(xiāo)毀和創(chuàng)建,注意以下:v-show不行。 
子組件銷(xiāo)毀前觸發(fā)beforeDestroy 
子組件銷(xiāo)毀后觸發(fā)destroyed 
第一次會(huì)觸發(fā)7.8. 
創(chuàng)建子組件后會(huì)觸發(fā)以上的第1.2.3.4.鉤子函數(shù)。

有一個(gè)問(wèn)題,如果我們?cè)谧咏M件里寫(xiě)一個(gè)定時(shí)器,然后,子組件被銷(xiāo)毀了,定時(shí)器還會(huì)執(zhí)行嗎? 
答案是會(huì)的 
所以這時(shí)候就會(huì)用到了destroyed,在組件被銷(xiāo)毀后,我們把定時(shí)器給清除就好了。

所以這兩個(gè)鉤子函數(shù)一般用于做性能的優(yōu)化。 

.


五. 組件激活時(shí),未激活時(shí)

9.activated
10.deactivated
    
  • 1
  • 2

這兩個(gè)鉤子函數(shù)呢一般配合<keep-alive><keep-alive/>來(lái)使用。 
通過(guò)看 四。這個(gè)例子,你肯定知道了一個(gè)組件怎么被銷(xiāo)毀和創(chuàng)建。 
但是我們知道通常一個(gè)組件是很大的,如果我們總是一直創(chuàng)建、銷(xiāo)毀、創(chuàng)建、銷(xiāo)毀。。。這樣很不合理,而且很浪費(fèi)性能。。。

這時(shí)候我們就可以用<keep-alive><keep-alive/>配合著兩個(gè)鉤子函數(shù)來(lái)控制組件的激活和不激活。

說(shuō)一下<keep-alive><keep-alive/>,它就相當(dāng)于把你的組件給緩存下來(lái)了,目的呢就是不讓組件重復(fù)的渲染,然后我們通過(guò)v-if觸發(fā),子組件就不會(huì)再觸發(fā)7 和 8 了,而是只會(huì)頻繁的觸發(fā)9 和 10 
這樣性能會(huì)比7 和 8 好的多。 

.


六. 當(dāng)捕獲一個(gè)來(lái)自子孫組件的錯(cuò)誤時(shí)被調(diào)用

11.errorCaptured
    
  • 1

當(dāng)子孫組件報(bào)錯(cuò)的時(shí)候,父組件會(huì)觸發(fā)這個(gè)鉤子函數(shù),并且會(huì)返回三個(gè)參數(shù), 
第一個(gè)參數(shù)是 錯(cuò)誤對(duì)象 
第二個(gè)參數(shù)是 報(bào)錯(cuò)的子孫組件 
第三個(gè)參數(shù)是 報(bào)錯(cuò)的子孫組件的具體哪個(gè)地方報(bào)錯(cuò)。(如,假如我沒(méi)有定義b這個(gè)變量,但是我去console.log(b) 這一句肯定會(huì)報(bào)錯(cuò),假如我把這句錯(cuò)誤代碼寫(xiě)在了created這個(gè)鉤子函數(shù)里,那第三個(gè)參數(shù)會(huì)返回就是:created hook

具體第11個(gè)沒(méi)深入研究,喜歡的可以去看下官網(wǎng)的 errorCaptured。

藍(lán)藍(lán)設(shè)計(jì)www.lindaling.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


半年做了兩個(gè)APP,我總結(jié)出這6個(gè)實(shí)戰(zhàn)經(jīng)驗(yàn)

濤濤

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

一、團(tuán)隊(duì)工作,妥協(xié)是一門(mén)學(xué)問(wèn)

一個(gè)產(chǎn)品最后出來(lái)的樣子,是各種妥協(xié)的結(jié)果。

互聯(lián)網(wǎng)產(chǎn)品和平面類(lèi)型的設(shè)計(jì)工作最大的區(qū)別,可能是在于工種的細(xì)分上。之前做平面相關(guān)的工作(品牌,視覺(jué),電商),自己一個(gè)人可能就充當(dāng)了基本上除了印刷以外的所有主要工作,既要和客戶(hù)溝通,了解用戶(hù)需求和想法以及存在的問(wèn)題,又要思考和制定設(shè)計(jì)方案,向客戶(hù)展示設(shè)計(jì)提案,又要執(zhí)行獲得認(rèn)可的設(shè)計(jì)提案,保證設(shè)計(jì)成果符合客戶(hù)預(yù)期并落地,如果是最后要交付印刷品,可能還要跟進(jìn)印刷的過(guò)程,保證印刷物料的質(zhì)量。好像一個(gè)人把所有的活都要干了。

但是互聯(lián)網(wǎng)產(chǎn)品不太一樣,首先最大的問(wèn)題是如何讓方案落地的過(guò)程,這個(gè)工作一般來(lái)說(shuō)沒(méi)有辦法一個(gè)人干(除非是牛到精通前端后端和客戶(hù)端的各種開(kāi)發(fā)語(yǔ)言的全棧設(shè)計(jì)師),因?yàn)闀?huì)涉及到程序開(kāi)發(fā),有一些設(shè)計(jì)師,就算你厲害了,你能把產(chǎn)品交互和 UI 都搞定,然后你還會(huì)(web端)前端開(kāi)發(fā)語(yǔ)言或者客戶(hù)端開(kāi)發(fā)語(yǔ)言,但是你還是需要一個(gè)能寫(xiě)后臺(tái)的工程師,所以,正常情況下,互聯(lián)網(wǎng)產(chǎn)品的開(kāi)發(fā),是環(huán)環(huán)相扣的,至少都需要兩到三個(gè)人來(lái)配合工作。這還是比較小型的產(chǎn)品,如果是復(fù)雜的產(chǎn)品,那每個(gè)環(huán)節(jié)都必須細(xì)分出來(lái),而且可能每個(gè)環(huán)節(jié)都不止一個(gè)人,產(chǎn)品,交互,UI,前端,客戶(hù)端,后臺(tái),因?yàn)槊總€(gè)環(huán)節(jié)的工作量都太大了!

△ 圖源:Nick Taylor

既然有這么多的分工,那必然會(huì)導(dǎo)致不同的工作崗位看問(wèn)題的點(diǎn)都是不一樣的。舉個(gè)例子:經(jīng)常會(huì)聽(tīng)到開(kāi)發(fā)說(shuō),明明用 A 就可以,為什么非要用 B?一開(kāi)始的時(shí)候,其實(shí)我真的不太理解,但是后來(lái)慢慢熟悉了開(kāi)發(fā)的工作之后(尤其是自己開(kāi)始學(xué)習(xí)一些代碼知識(shí)之后)慢慢理解了,其實(shí)開(kāi)發(fā)在實(shí)現(xiàn)我們的設(shè)計(jì)的時(shí)候,最關(guān)注的是功能的實(shí)現(xiàn),而功能就是各種交互的集合,一個(gè)頁(yè)面上,如果交互不變,功能不變,只是改一些視覺(jué)上的樣式,這是相對(duì)來(lái)說(shuō)簡(jiǎn)單的,如果牽扯到交互的調(diào)整和修改,那個(gè)工作量可能就成倍增加,所謂牽一發(fā)而動(dòng)全身。所以我們?cè)谠O(shè)計(jì)的時(shí)候,更要注意模塊和組件的一致性和可復(fù)用性,這樣不僅可以提高我們的設(shè)計(jì)質(zhì)量,也可以有效的減少開(kāi)發(fā)的工作量,提高開(kāi)發(fā)的效率。

同時(shí),開(kāi)發(fā)在實(shí)現(xiàn)的第一個(gè)版本的產(chǎn)品中一般很多時(shí)候視覺(jué)上會(huì)有各種各樣的問(wèn)題,開(kāi)發(fā)人員在開(kāi)發(fā)過(guò)程中,為了提率,不太在意還原 UI 的細(xì)節(jié),比如這個(gè)間距是多少,那個(gè)間隔是幾個(gè)像素,所以最后產(chǎn)品上線前都會(huì)有 UI走查的環(huán)節(jié),在這個(gè)過(guò)程中就是要一點(diǎn)一點(diǎn)地改進(jìn)產(chǎn)品UI 實(shí)現(xiàn)中不符合設(shè)計(jì)稿的地方,這個(gè)時(shí)候才是我們?cè)O(shè)計(jì)師關(guān)注所謂的每一個(gè)像素的時(shí)候,在那之前,還是先關(guān)注功能和流程的實(shí)現(xiàn)吧。

其實(shí)不僅僅是因?yàn)槊總€(gè)崗位的職能不同會(huì)導(dǎo)致很多不同的意見(jiàn),有時(shí)候也可能是因?yàn)槊總€(gè)人的審美或者是性格的問(wèn)題,也會(huì)產(chǎn)生不少的摩擦,所以,學(xué)會(huì)妥協(xié),在妥協(xié)中堅(jiān)持是團(tuán)隊(duì)合作中的一門(mén)大學(xué)問(wèn)。

二、把自己定位為產(chǎn)品設(shè)計(jì)師

以攻為守,讓自己從更全面的視角去思考 UI 的工作。

△ 圖源:Nick Taylor

一個(gè) UI設(shè)計(jì)師的未來(lái)在哪里?有時(shí)候我會(huì)思考這樣的問(wèn)題,有可能是因?yàn)槲乙呀?jīng)30了。這一兩年,危機(jī)感很重,每次看到非科班群里各種90后、95后的年輕設(shè)計(jì)師,心生羨慕的同時(shí)也充滿(mǎn)了莫名的壓力。

這半年多因?yàn)樽约簣F(tuán)隊(duì)中沒(méi)有專(zhuān)門(mén)的交互設(shè)計(jì)師,所以我就同時(shí)肩負(fù)了大部分交互設(shè)計(jì)的工作。一開(kāi)始做交互設(shè)計(jì)的東西,其實(shí)自己的認(rèn)識(shí)還是很淺薄的,雖然平時(shí)自己也看很多用戶(hù)體驗(yàn),設(shè)計(jì)心理學(xué)、交互設(shè)計(jì)等等的書(shū)籍,但是真的上手干活,還是會(huì)經(jīng)常一頭霧水,因?yàn)榻换ピO(shè)計(jì)太需要縝密的邏輯思維了。市場(chǎng)上常見(jiàn)的 app 的標(biāo)準(zhǔn)化的交互設(shè)計(jì)因?yàn)槎加懈?jìng)品參考,還是相對(duì)來(lái)說(shuō)簡(jiǎn)單的,在我看來(lái)比較難的是工具型的產(chǎn)品和 CMS(內(nèi)容管理系統(tǒng)后臺(tái)),尤其是 CMS 的交互設(shè)計(jì),如果設(shè)計(jì)不好,分分鐘讓用的人感覺(jué)要崩潰。交互設(shè)計(jì)是一門(mén)很深的學(xué)問(wèn),也是 UI設(shè)計(jì)師必須去了解和熟知的,它絕不是簡(jiǎn)單的頁(yè)面之間的跳轉(zhuǎn),也不僅是酷炫的動(dòng)效,它是能讓產(chǎn)品的使用體驗(yàn)得到質(zhì)的飛躍的關(guān)鍵。

如果把一個(gè)產(chǎn)品比作一個(gè)人,那產(chǎn)品本身的方向是這個(gè)人的靈魂和思想,交互是這個(gè)人的舉止和修養(yǎng),而 UI 是一個(gè)人外形和穿衣品味以及整體氣質(zhì),優(yōu)秀的人,三者缺一不可,三者是共生的關(guān)系。

在我看來(lái)。成為一個(gè)產(chǎn)品設(shè)計(jì)師,了解產(chǎn)品思維,熟悉交互設(shè)計(jì),精通視覺(jué)設(shè)計(jì),這樣的設(shè)計(jì)師覺(jué)得才是以后互聯(lián)網(wǎng)設(shè)計(jì)師的標(biāo)配。高配是什么?我覺(jué)得至少是全棧設(shè)計(jì)師吧。這就像平面設(shè)計(jì)領(lǐng)域,不懂印刷各種工藝和材質(zhì)的,都稱(chēng)不上好的平面設(shè)計(jì)師。好的建筑設(shè)計(jì)師,也得懂很多建筑學(xué)和建筑材料的知識(shí)。

我在這半年的實(shí)際工作中,雖然第一個(gè)產(chǎn)品的概念定義和原型我沒(méi)有參加討論(我去的時(shí)候已經(jīng)定下來(lái)了),但是我還是嘗試去思考這個(gè)產(chǎn)品到底意義在哪里,目標(biāo)用戶(hù)是哪些人,解決了目標(biāo)用戶(hù)的什么需求,他們的使用場(chǎng)景有哪些。我一直都認(rèn)為互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)工作始終更是貫穿著設(shè)計(jì)思維,只是每個(gè)具體的分工的側(cè)重點(diǎn)不同,你可以不精于產(chǎn)品需求的整理和篩選,但你是得明白你你所設(shè)計(jì)的是為了滿(mǎn)足什么需求,有目標(biāo)和方向才能做出更好的設(shè)計(jì),你連問(wèn)題都不知道,怎么去解決問(wèn)題。設(shè)計(jì)的工作,終究都是為了解決問(wèn)題,不了解問(wèn)題的來(lái)龍去脈,便不能梳理出問(wèn)題的本質(zhì),更無(wú)法做出好的設(shè)計(jì)去解決問(wèn)題。

把自己定位為產(chǎn)品設(shè)計(jì)師,稍微多花點(diǎn)心思去思考產(chǎn)品,去學(xué)習(xí)交互,別讓自己的眼界停留在只畫(huà)幾個(gè)好看界面,畫(huà)幾套特別的圖標(biāo),不然你早晚要被這個(gè)行業(yè)淘汰,不對(duì),是被其他更優(yōu)秀的設(shè)計(jì)師淘汰。

三、牢記UCD,但別太天真

很多公司并不真的在意所謂的 UCD。

△ 圖源:Nick Taylor

我相信大部分的設(shè)計(jì)師還是在中小型的企業(yè)里工作,這樣的企業(yè)的設(shè)計(jì)工作有一個(gè)很明顯的特征,就是以主管或者老板的喜好為第一滿(mǎn)足目標(biāo),所有的設(shè)計(jì)方案都會(huì)以老板的喜好為基準(zhǔn)參考,只有老板說(shuō) ok 才算是 ok。當(dāng)然,我們公司也是,畢竟我們也是一個(gè)小型公司,而且老板的個(gè)人風(fēng)格特別強(qiáng)烈。所以在做第一款 app 時(shí),僅僅是首屏的視覺(jué)方案,都出了不止七八個(gè)版本。在進(jìn)入更加深入的其他頁(yè)面的設(shè)計(jì)環(huán)節(jié)時(shí),我們也沒(méi)有去做什么用戶(hù)場(chǎng)景分析或者用戶(hù)需求分析之類(lèi)的工作,都是依照著老板的一些想法去一步一步的實(shí)現(xiàn),當(dāng)然,這并不是一定是錯(cuò)的,只是大部分公司的設(shè)計(jì)工作的現(xiàn)狀,這樣也可能會(huì)有好的產(chǎn)品,只是可能性更低而已。很多公司沒(méi)有很專(zhuān)業(yè)的設(shè)計(jì)團(tuán)隊(duì),也沒(méi)有很專(zhuān)業(yè)的產(chǎn)品經(jīng)理,更沒(méi)有很專(zhuān)業(yè)的產(chǎn)品設(shè)計(jì)師,做很多設(shè)計(jì)決策的時(shí)候基本上都是靠拍腦袋,或者依靠個(gè)人的生活或者設(shè)計(jì)經(jīng)驗(yàn),在不知不覺(jué)中,就把 UCD 的設(shè)計(jì)方法忘在腦后了,UI設(shè)計(jì)師只是負(fù)責(zé)機(jī)械式美化下每一個(gè)元素,做一下視覺(jué)風(fēng)格的統(tǒng)一,變成了一個(gè)不折不扣的界面美化師。

但我們 UI設(shè)計(jì)師不能只是美化一下界面,雖然我們可以沒(méi)有專(zhuān)業(yè)的設(shè)計(jì)團(tuán)隊(duì),沒(méi)有很厲害的產(chǎn)品經(jīng)理或者交互設(shè)計(jì)師,但是我們也要在設(shè)計(jì)過(guò)程中不斷地提醒自己,要以用戶(hù)體驗(yàn)為中心,用戶(hù)在這個(gè)界面需要的是什么,什么信息對(duì)他來(lái)說(shuō)是最重要的,怎么樣設(shè)計(jì)可以減少用戶(hù)的瀏覽負(fù)擔(dān),提高用戶(hù)的使用效率,雖然可能我們思考的方向和結(jié)果的不一定對(duì),但是只要去想,才能不斷強(qiáng)化我們自己的這個(gè)設(shè)計(jì)思維,避免自己產(chǎn)出千篇一律的設(shè)計(jì)方案,提高自己的設(shè)計(jì)能力。如果能把每一項(xiàng)工作都盡百分之120的努力去完成,那就算你現(xiàn)在是在一個(gè)微不足道的小公司,你也一定能成長(zhǎng)為一個(gè)設(shè)計(jì)大牛。

四、堅(jiān)持學(xué)習(xí),不斷提高審美和眼界

現(xiàn)在作品不好,沒(méi)問(wèn)題,如果一直都不好,那就是你自己真的出了問(wèn)題。

△ 圖源:Nick Taylor

我以前很羨慕那種設(shè)計(jì)師,年紀(jì)輕輕就進(jìn)大公司,或者20歲不到作品就讓人感覺(jué)眼前一亮。對(duì)于我這種非科班的,大學(xué)畢業(yè)7年了,認(rèn)真靜下心來(lái)干設(shè)計(jì)才3年多,似乎還沒(méi)開(kāi)始跑,就已經(jīng)被人甩開(kāi)一大截了。

看起來(lái)似乎很糟糕,但其實(shí)真不是,你所經(jīng)歷的一切艱難,如果挺過(guò)去了,那就是你人生寶貴的財(cái)富。那應(yīng)該怎么做呢?只能不斷努力地去縮小和別人的差距,不對(duì),不是和別人的差距,是和自己對(duì)自己期望值的差距。

那么提高審美和眼界就是最基本要做的事情,同時(shí)我也認(rèn)為這是作為一個(gè)設(shè)計(jì)師需要持續(xù)不斷提高的最基本的能力。審美和眼界的提高是需要日積月累的,軟件操作和技法可以短時(shí)間內(nèi)突擊學(xué)習(xí),也可以臨時(shí)偷師,但是如果你審美不行,你永遠(yuǎn)都不可能做出好的設(shè)計(jì),因?yàn)樵谀愕难劾锏母呒?jí)和在高水平設(shè)計(jì)師眼里的高級(jí),可能是天差地別。審美和眼界就像是一種設(shè)計(jì)師的隱藏屬性,會(huì)在你日常的設(shè)計(jì)當(dāng)中不自然的流露出來(lái),你不需要去調(diào)動(dòng)它,它自然而然的就會(huì)在你的工作中不斷地幫助你。

但是往往很多設(shè)計(jì)師不把這個(gè)當(dāng)一回事。其實(shí)你只要每天堅(jiān)持不停地看優(yōu)秀的作品,堅(jiān)持幾個(gè)月或者半年一年的,你的審美肯定都會(huì)有質(zhì)的飛躍。以前你覺(jué)得設(shè)計(jì)很棒的作品,可能你以后看起來(lái)就會(huì)嗤之以鼻了。

看作品這件事其實(shí)很簡(jiǎn)單,你只要每天打開(kāi) behance,打開(kāi)首頁(yè)推薦的十個(gè)作品,花個(gè)十幾二十分鐘細(xì)細(xì)看下來(lái),覺(jué)得好的就分類(lèi)收藏一下,以備以后可以用來(lái)做設(shè)計(jì)的參考。

但是,關(guān)鍵是堅(jiān)持。

五、重拾英語(yǔ),不讓自己做井底之蛙

別總看國(guó)內(nèi)的設(shè)計(jì)網(wǎng)站了,外面的世界更精彩。

為什么要重新學(xué)習(xí)英語(yǔ)?(我就是想萬(wàn)一以后牛X了,可以混到國(guó)際舞臺(tái)上,嗯,這個(gè)可以有)

一開(kāi)始決定重拾英語(yǔ)的契機(jī),這還要感謝砂姐組織的翻譯小組。我也只是想試試看,能不能把英語(yǔ)重新?lián)炱饋?lái)。于是從17年2月份開(kāi)始我給自己定了個(gè)目標(biāo),每個(gè)月翻一篇英語(yǔ)的設(shè)計(jì)類(lèi)文章,很慶幸自己堅(jiān)持下來(lái)了。同時(shí)在工作中遇到的不少問(wèn)題,會(huì)逼著我去看一些外文的資料,讓我覺(jué)得我必須得更努力地把英語(yǔ)撿起來(lái),于是最近幾個(gè)月同時(shí)也開(kāi)始背單詞,每天堅(jiān)持讀英語(yǔ)的設(shè)計(jì)文章,跟一開(kāi)始比,感覺(jué)還是很有收獲的,看文章的速度越來(lái)越快,閱讀時(shí)的語(yǔ)感也越來(lái)越好(這個(gè)越來(lái)越好是相對(duì)于自己很糟糕時(shí)候的狀態(tài))。

慢慢地,我感覺(jué),學(xué)好英語(yǔ),對(duì)于一個(gè)設(shè)計(jì)師的長(zhǎng)遠(yuǎn)發(fā)展是很有幫助的。

如果你想去了解世界上更多優(yōu)秀設(shè)計(jì)師的想法,學(xué)習(xí)他們的經(jīng)驗(yàn),那么就得親自去獲取第一手的信息,而不是等著其他人的翻譯,而且很多各種設(shè)計(jì)領(lǐng)域的優(yōu)秀的教材和資料都只有英文版本,如果不把英語(yǔ)學(xué)好,自己學(xué)到的不僅僅是很多殘缺不全的二手資料,甚至連學(xué)習(xí)的機(jī)會(huì)都沒(méi)有。把英語(yǔ)學(xué)好,是給自己打開(kāi)通往更廣闊領(lǐng)域的鑰匙。你的眼界,決定了你成就的上限。

六、接觸代碼,發(fā)現(xiàn)一個(gè)新世界

學(xué)習(xí)從來(lái)都不是件輕松愉快的事情。

做界面的同學(xué)有沒(méi)有遇到過(guò)這樣的情況:我明明是設(shè)計(jì)成這樣的,為什么開(kāi)發(fā)出來(lái)之后就變成那樣了?

這就是我下定決心想學(xué)習(xí)代碼的導(dǎo)火索。我就想,為什么我不能自己學(xué)習(xí)代碼自己實(shí)現(xiàn)自己的設(shè)計(jì)么?這不是很厲害么?加上我之前也斷斷續(xù)續(xù)地對(duì)前端技術(shù)有過(guò)學(xué)習(xí)的念頭,于是一鼓作氣下定決心就開(kāi)始學(xué)了。

出于想給自己開(kāi)發(fā)個(gè)人網(wǎng)站的初衷,我就選擇了前端的開(kāi)發(fā)語(yǔ)言作為我的學(xué)習(xí)內(nèi)容。我目前主要學(xué)習(xí)的是 Javascript(html 和 css 已經(jīng)學(xué)了個(gè)大概)。

一開(kāi)始學(xué)習(xí)的時(shí)候真的是痛苦不堪,但是在度過(guò)了一兩個(gè)月的痛苦的煎熬之后,已經(jīng)慢慢地發(fā)現(xiàn)學(xué)習(xí)代碼的樂(lè)趣,但同時(shí),發(fā)現(xiàn)這個(gè)坑是越來(lái)越大,感覺(jué)要學(xué)的東西是自己預(yù)想的要多太多了。雖然過(guò)程很糾結(jié)也很痛苦(我估計(jì)這種痛苦的感覺(jué)還會(huì)持續(xù)好長(zhǎng)時(shí)間),學(xué)習(xí)代碼的過(guò)程對(duì)于提高設(shè)計(jì)師的邏輯思維確實(shí)很有幫助,因?yàn)榫幊趟季S和設(shè)計(jì)工作的思維相比,更注重邏輯性(設(shè)計(jì)工作也很注重邏輯性)。同時(shí),多了解一些編程的知識(shí)(編程開(kāi)發(fā)的語(yǔ)言很多,但是思維方式是類(lèi)似的)對(duì)于理解開(kāi)發(fā)人員的工作內(nèi)容和工作方式,也會(huì)有很大的幫助?;ヂ?lián)網(wǎng)的設(shè)計(jì)師,我覺(jué)得在學(xué)有余力的情況下,都應(yīng)該多多少少學(xué)習(xí)一些代碼的知識(shí),因?yàn)檫@畢竟也是產(chǎn)品開(kāi)發(fā)的其中的一個(gè)重要環(huán)節(jié),你不需要擅長(zhǎng),但懂一些,可以讓你更好地和開(kāi)發(fā)人員進(jìn)行有效的溝通,知己知彼,減少撕逼。但是不建議設(shè)計(jì)工作經(jīng)驗(yàn)較少的同學(xué)學(xué)習(xí)代碼,畢竟這需要很多的時(shí)間去學(xué)習(xí),不要把自己變成什么都是半桶水,在不影響設(shè)計(jì)工作之余可以抽出時(shí)間的話讓自己嘗試一下,說(shuō)不定你也會(huì)喜歡上編程這件事。

藍(lán)藍(lán)設(shè)計(jì)www.lindaling.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì)  包裝設(shè)計(jì) 、 圖標(biāo)定制  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔