首頁(yè)

設(shè)計(jì)師如何不花錢學(xué)習(xí)?

seo達(dá)人


 

圖片
圖片

圖片

圖片

圖片
圖片

圖片

圖片

圖片

圖片

圖片
圖片

圖片

圖片

圖片

圖片
圖片
圖片

圖片

圖片

 

 

圖片

圖片

很多人都說(shuō)設(shè)計(jì)這個(gè)物種是只看圖片,不看文字的,這一點(diǎn)我并不認(rèn)同。因?yàn)樵O(shè)計(jì)師對(duì)于文字的解構(gòu)能力,真的在作品中一對(duì)比就可以高下立判。比如你們看研習(xí)設(shè)推文和作品中,所有關(guān)于文字的排版,是不是都是對(duì)文字內(nèi)容進(jìn)行了重新編排,這是設(shè)計(jì)師必須具備的一種能力。

圖片

看不懂文案這種類型的設(shè)計(jì)師,遇到文字的排版,全部照單復(fù)制,甚至連信息內(nèi)容、標(biāo)點(diǎn)符號(hào)、字體備注都不看。

圖片

? 提供的文案信息

圖片

? 設(shè)計(jì)完成稿

曾經(jīng)我就遇到過(guò)這樣的設(shè)計(jì)師,軟件操作特別溜,別人出1張海報(bào)的時(shí)間他能做3張,但是每次出品的海報(bào),不是少?gòu)?fù)制了文字,就是主副標(biāo)題區(qū)分不清等等各種問(wèn)題。最離譜的,還有把文案?jìng)渥⒌奈淖忠步o放到畫面上。文案?jìng)渥?biāo)題(要用紅色),竟然也全盤復(fù)制。 

這樣的成果交付,會(huì)讓一名設(shè)計(jì)師顯得特別不專業(yè),即便你的軟件技術(shù)很強(qiáng),也會(huì)讓你的工作伙伴不想再與你合作。

圖片

 

 

圖片
 

這也是看不懂文案的一種體現(xiàn),文案小清新,設(shè)計(jì)非要配個(gè)重口味的畫面;文案是小橋流水人家,你非要來(lái)個(gè)大漠孤煙,長(zhǎng)河落日;你明明是個(gè)乖巧俊俏小嬌娘,他就給你來(lái)個(gè)膀大腰圓黑李逵。 

圖片

? 提供的文案信息

圖片   

? 設(shè)計(jì)完成稿 

例如上圖,文案是想體現(xiàn)去露營(yíng)的愉快心情,但是搭配的圖片及顏色卻顯得過(guò)于落寞。

 

 

圖片

成熟的設(shè)計(jì)師是應(yīng)該能夠在不同的設(shè)計(jì)風(fēng)格里切換自如的,并且知道在什么情況下應(yīng)該運(yùn)用什么風(fēng)格。對(duì)于一些約定俗成的風(fēng)格文化,有些設(shè)計(jì)師卻并不了解,模仿著去做一些設(shè)計(jì),最后變得不倫不類。

圖片

拿近些年比較流行的國(guó)潮風(fēng)來(lái)說(shuō),很多人大肆吹捧,似乎萬(wàn)事萬(wàn)物都可以用國(guó)潮重新做一遍,不管是什么產(chǎn)品經(jīng)過(guò)這么一改,就變得與潮流接近了。 

 

好像只要把祥云、印章、臉譜、宮殿、青花、中國(guó)紅等等元素堆砌起來(lái),你的作品就真的有傳統(tǒng)文化了。事實(shí)卻是很多品牌的調(diào)性并不符合傳統(tǒng)文化的風(fēng)格,而且在不了解歷史背景和文化屬性的前提下,真的會(huì)鬧出來(lái)很多笑話。
圖片

你去搜索國(guó)潮設(shè)計(jì)的圖片,大約會(huì)有82000多個(gè)搜索結(jié)果。經(jīng)過(guò)實(shí)踐證明,真正被消費(fèi)者記住的會(huì)有幾個(gè)?國(guó)潮設(shè)計(jì)美則美矣,但是要考慮到產(chǎn)品的品類,消費(fèi)習(xí)慣,購(gòu)買場(chǎng)景。

圖片 
 

 

常識(shí)是存在于實(shí)踐當(dāng)中的一種“潛規(guī)則”,不同的行業(yè)就有著不一樣的“潛規(guī)則”存在。設(shè)計(jì)師在承攬不同商業(yè)設(shè)計(jì)的過(guò)程中,就會(huì)接觸到各種各樣的客戶和產(chǎn)品,因?yàn)閷?duì)行業(yè)的不了解而缺乏相關(guān)的常識(shí)。我曾經(jīng)見(jiàn)過(guò)一些設(shè)計(jì)師,在他的職業(yè)生涯中,很少有過(guò)去現(xiàn)場(chǎng)看看自己作品實(shí)際效果的經(jīng)歷。

 

 

圖片

常識(shí)是存在于實(shí)踐當(dāng)中的一種“潛規(guī)則”,不同的行業(yè)就有著不一樣的“潛規(guī)則”存在。設(shè)計(jì)師在承攬不同商業(yè)設(shè)計(jì)的過(guò)程中,就會(huì)接觸到各種各樣的客戶和產(chǎn)品,因?yàn)閷?duì)行業(yè)的不了解而缺乏相關(guān)的常識(shí)。我曾經(jīng)見(jiàn)過(guò)一些設(shè)計(jì)師,在他的職業(yè)生涯中,很少有過(guò)去現(xiàn)場(chǎng)看看自己作品實(shí)際效果的經(jīng)歷。

圖片

設(shè)計(jì)師做設(shè)計(jì)不考慮應(yīng)用場(chǎng)景,無(wú)異于紙上談兵。

圖片

上圖是一款墨鏡的車體宣傳視覺(jué),設(shè)計(jì)師沒(méi)有預(yù)先考慮到車體造型的復(fù)雜性,導(dǎo)致模特的臉部被裁切掉了一部分。

圖片
你去百度搜索“百歲山喝不到最后一口”,就會(huì)看到很多人對(duì)于這個(gè)設(shè)計(jì)發(fā)表的不同觀點(diǎn)。

 

 

圖片
 

你一定聽(tīng)過(guò)甲方提這樣的要求,要把自己的產(chǎn)品形象設(shè)計(jì)的有文化。

 

圖片

 

圖片

 
 

 

 

圖片

 

圖片
 

只要你在這個(gè)行業(yè)里待久了,一定會(huì)遇到各種各樣神奇的要求。有這樣的需求就會(huì)催生相應(yīng)的乙方,于是編造品牌故事,不管有沒(méi)有用給你做一套IP、VIS,妄想這樣就能解決企業(yè)的生存困境。

 

 

作為設(shè)計(jì)師,當(dāng)你遇到一個(gè)品牌的形象設(shè)計(jì)的時(shí)候,一定是要挖掘相關(guān)歷史和文化的,但是有多少方案是先出來(lái)視覺(jué),然后再編造一些看起來(lái)有文化的文案,生拉硬扯強(qiáng)通邏輯的?這里不舉反例,相信參與過(guò)這樣項(xiàng)目的同學(xué)自然會(huì)感同身受。

 

 

圖片

 

我在研習(xí)設(shè)的公眾號(hào)后臺(tái)中和B站的視頻下面看到出現(xiàn)頻次比較高的評(píng)論有兩種。

圖片

同時(shí)在學(xué)員的反饋中也發(fā)現(xiàn)最集中的問(wèn)題大多出現(xiàn)在,跟著教程學(xué)習(xí)和練習(xí),感覺(jué)自己理解了,也會(huì)做案例了,但是一到實(shí)際工作中遇到現(xiàn)實(shí)的項(xiàng)目,感覺(jué)又做不出來(lái),無(wú)法應(yīng)用。這個(gè)和“眼睛看會(huì)了,手學(xué)廢了”其實(shí)是一回事,讓我們來(lái)一一拆解問(wèn)題。 

 
 
圖片 

因?yàn)槟銢](méi)有用框架思維來(lái)梳理知識(shí)點(diǎn)。每篇教程的內(nèi)容集中的知識(shí)點(diǎn)會(huì)有幾個(gè),甚至很多文章用了大量的案例,為大家闡述設(shè)計(jì)的內(nèi)核。如果你連一個(gè)案例的底層邏輯都沒(méi)有理解,那么就算你看100個(gè)案例,不懂還是不懂。這樣的結(jié)果一方面說(shuō)明你的學(xué)習(xí)方法有問(wèn)題,另一方面也可能是你的主觀意愿出了問(wèn)題。

 

圖片

以研習(xí)設(shè)公眾號(hào)在9月8日發(fā)的推文《5個(gè)方法幫助你提升圖片高級(jí)感》舉例,我們把文章的內(nèi)容用框架來(lái)展示,你就能很清晰的知道這篇文章在講些什么。

圖片
圖片
你看,在手機(jī)上顯示50多分屏的內(nèi)容,除去圖片占用的空間,文字內(nèi)容不超過(guò)1600字。從中我們可以提取出這么多的知識(shí)點(diǎn)。
圖片

 

圖片

關(guān)于主觀意愿這個(gè)問(wèn)題,我想表達(dá)的是,很多人都沒(méi)有搞清楚自己學(xué)習(xí)究竟要收獲的是什么,大多數(shù)人在接收信息的時(shí)候,都會(huì)出現(xiàn)注意力偏差,也可以叫做關(guān)注點(diǎn)偏移。

圖片

看文章點(diǎn)贊評(píng)論,參與互動(dòng)是一個(gè)好習(xí)慣,也是對(duì)作者最大的支持,但是對(duì)于個(gè)人學(xué)習(xí)來(lái)說(shuō),更應(yīng)該去思考我們接收到的信息和知識(shí),要如何高效的吸收和轉(zhuǎn)化。否則我們看再多的教程和文章,也是過(guò)眼云煙,無(wú)法變成自己的儲(chǔ)備。這是一個(gè)很重要的問(wèn)題,或許我這篇文章也會(huì)躺在收藏夾里,變成一堆吃灰的代碼,但是這個(gè)問(wèn)題依然是切切實(shí)實(shí)阻礙很多人進(jìn)步的一個(gè)關(guān)鍵。

圖片

 

因?yàn)?,這就是人性使然。人自然而然的會(huì)對(duì)自己感興趣的事情更關(guān)注,而很多原理、方法、道理,本質(zhì)上是枯燥而簡(jiǎn)單的。所以,很多人學(xué)習(xí)都喜歡流于表面,只求一知半解,不愿意去深究,你當(dāng)然也可以將這些都?xì)w結(jié)到人性上面來(lái)寬慰自己。

圖片
同樣聽(tīng)一節(jié)課程,不同人收獲的信息量也一定是不同的。我們?cè)诮o學(xué)員上課的時(shí)候,發(fā)現(xiàn)大多數(shù)人更容易被一些題外話吸引,明顯會(huì)對(duì)一些與課程無(wú)關(guān)的話題更感興趣。這些事情可以理解,但它們都會(huì)分散我們本就不多的注意力。當(dāng)然,學(xué)習(xí)的趣味性培養(yǎng)同樣很重要,沒(méi)有人可以一直保持專注,這個(gè)度的掌握是很關(guān)鍵的。

學(xué)習(xí)其實(shí)是一件有點(diǎn)違背人性的事情,如果目標(biāo)不清晰,目的不明確,很難把它當(dāng)成是一件有意思的事情堅(jiān)持下去,所以多問(wèn)一問(wèn)自己為什么而學(xué)習(xí),你的關(guān)注點(diǎn)就一定不會(huì)出現(xiàn)太大的偏差。

 

 

圖片 
 

這個(gè)問(wèn)題,和之前那個(gè)問(wèn)題,是有一些連帶關(guān)系的,也存在著注意力偏差的問(wèn)題。眼睛學(xué)會(huì)了,是因?yàn)槟憧吹搅宋恼轮?,老師一步一步操作的過(guò)程,按照這個(gè)過(guò)程,你做同樣的一個(gè)畫面設(shè)計(jì),自然而然就感覺(jué)學(xué)會(huì)了,可是換一個(gè)畫面,換一個(gè)主題,你還會(huì)靈活運(yùn)用么?于是手廢了,你發(fā)現(xiàn)生搬硬套不靈了。

圖片

究其原因也有兩點(diǎn) 

 

 
圖片

這個(gè)問(wèn)題很好解決,只要你把注意力多放在去理解操作背后的思考邏輯上,很容易就可以轉(zhuǎn)變這種狀態(tài)。這么說(shuō)不是讓你不重視操作,操作當(dāng)然也重要,但是你要在理解了為什么這么做的前提下,去思考操作步驟。另外多練,也是提升理解和熟練的不二法門。

圖片

 

圖片

這個(gè)問(wèn)題就有點(diǎn)棘手了,知識(shí)儲(chǔ)備量不足不能迅速解決,只能說(shuō)平時(shí)缺少積累。在我們過(guò)去有限的2/30年的時(shí)間里,你所經(jīng)歷的和獲得的文化知識(shí),可以從兩個(gè)層面去分析,一個(gè)是量的積累,一個(gè)是質(zhì)的轉(zhuǎn)變。

 

 

量的積累,是需要時(shí)間的,比如說(shuō)你要有大量的閱讀,不管是紙質(zhì)書還是電子文檔都可以。有些人對(duì)文字閱讀的速度比較快,可以在幾個(gè)小時(shí)消化一本幾十萬(wàn)字的書,而有的人可能需要幾天的時(shí)間,這就涉及到了一個(gè)效率的問(wèn)題。

圖片

好在這件事情從什么時(shí)候開(kāi)始都不晚,把你刷小視頻的時(shí)間縮減一些,用于有目的性的閱讀積累,可能幾天,幾個(gè)月不會(huì)有大的提升,但是如果你能堅(jiān)持下來(lái),幾年之后就一定會(huì)有一個(gè)天翻地覆的變化。

圖片

質(zhì)的轉(zhuǎn)變講究的是方法,同樣也有效率的問(wèn)題,我記得量變引起質(zhì)變這個(gè)理論,是高二政治中學(xué)過(guò)的內(nèi)容,大家應(yīng)該都知道。說(shuō)的就是量變一定是會(huì)引起質(zhì)變的,只不過(guò)不同的人,因?yàn)榉椒ê托实牟煌?,每個(gè)人質(zhì)變的時(shí)間會(huì)有早晚而已。當(dāng)你積累到一定的量的時(shí)候,效率也是會(huì)有所提升的。

 

 

 

分享大家一個(gè)方法,就是做讀書筆記。筆記的形式就可以參考前面我們對(duì)于那篇推文的拆解方式,通讀之后進(jìn)行框架拆解,自己做一遍這樣的事情,你的知識(shí)就有了歸類和整理,方便你隨時(shí)提取。


 作者:金池

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》設(shè)計(jì)師如何不花錢學(xué)習(xí)?

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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




APP底部標(biāo)簽欄設(shè)計(jì)需要注意哪些問(wèn)題?我總結(jié)了這6點(diǎn)

seo達(dá)人

一、標(biāo)簽欄樣式分析

底部標(biāo)簽欄可以是純圖標(biāo)樣式,或者圖標(biāo)與文本標(biāo)簽搭配的樣式。

圖片

選中的標(biāo)簽需要有不同的視覺(jué)風(fēng)格,可以使用按鈕、文字、圓點(diǎn)等樣式來(lái)表示選中效果,幫助用戶一目了然地定位當(dāng)前導(dǎo)航。

在Apple iOS底部標(biāo)簽欄中,標(biāo)簽欄的寬為390px,高為49px。

圖片

常規(guī)標(biāo)簽欄的圖標(biāo)大小為25x25px,緊湊型的標(biāo)簽欄圖標(biāo)為18x18px。

在iOS的底部標(biāo)簽欄中,文字使用的字體為10px,中等粗細(xì)。 

 

 

 二、標(biāo)簽欄設(shè)計(jì)6個(gè)注意事項(xiàng)

1、導(dǎo)航數(shù)量不超過(guò)5個(gè)

底部標(biāo)簽欄最適合放置3-5個(gè)導(dǎo)航選項(xiàng)。移動(dòng)端屏幕相對(duì)較小,使用五個(gè)以上的選項(xiàng)會(huì)讓導(dǎo)航擠在一起,并影響可用性。

另外導(dǎo)航選項(xiàng)太多,手指的觸摸面積(紅色圓圈)會(huì)比觸摸目標(biāo)(導(dǎo)航選項(xiàng))的面積大很多,用戶有可能會(huì)意外觸發(fā)錯(cuò)誤的選項(xiàng)。

圖片

 

設(shè)計(jì)解析:

① 如果選項(xiàng)很少,只有兩或三個(gè)時(shí),可以考慮使用分段控件的設(shè)計(jì)樣式,將分段控件放在頁(yè)面上方作為導(dǎo)航。

圖片

 如果選項(xiàng)很多,超過(guò)五個(gè)時(shí),我們需要評(píng)估這些導(dǎo)航的優(yōu)先級(jí),篩選出最重要的導(dǎo)航。如果必須要保留五個(gè)以上的導(dǎo)航選項(xiàng),可以考慮使用類似漢堡菜單這樣的控件。

圖片

 

2、不要使用不熟悉的圖標(biāo)

底部標(biāo)簽欄是用戶使用頻率非常高的導(dǎo)航之一,這就需要確保目標(biāo)受眾應(yīng)該對(duì)標(biāo)簽欄中的圖標(biāo)非常清晰,避免讓用戶產(chǎn)生疑惑。

圖片

如果在設(shè)計(jì)的時(shí)候,覺(jué)得某個(gè)圖標(biāo)的含義或者樣式對(duì)用戶來(lái)說(shuō)不是特別明確,那么就需要將圖標(biāo)與文字標(biāo)簽一起使用,方便用戶快速準(zhǔn)確地理解。 

 

3、圖標(biāo)/文字的顏色不能太淺

圖標(biāo)的顏色對(duì)比度差、導(dǎo)航標(biāo)簽的字體小是在底部標(biāo)簽欄設(shè)計(jì)中兩個(gè)最常見(jiàn)問(wèn)題。

在底部欄設(shè)計(jì)過(guò)程中,我們不僅要區(qū)分已選標(biāo)簽和未選標(biāo)簽的狀態(tài),保證已選標(biāo)簽更突出,還要注意觀察圖標(biāo)與文字之間、圖標(biāo)與背景之間的顏色對(duì)比度,確保未選狀態(tài)的圖標(biāo)和文字也能夠清晰易讀。

圖片

 

4、不要設(shè)計(jì)可滑動(dòng)的標(biāo)簽欄

可滑動(dòng)的標(biāo)簽欄會(huì)對(duì)導(dǎo)航可見(jiàn)性產(chǎn)生影響,由于并非所有的導(dǎo)航選項(xiàng)都是一次可見(jiàn),用戶可能很容易錯(cuò)過(guò)后面的選項(xiàng)。

另外,當(dāng)用戶左右滑動(dòng)標(biāo)簽欄時(shí),前面已選的標(biāo)簽可能會(huì)消失,影響使用體驗(yàn)。

圖片

 

5、不要截?cái)鄻?biāo)簽

底部標(biāo)簽欄的空間本身就很小,因此在導(dǎo)航中使用文字時(shí),每個(gè)字符都顯得很重要。

不要截?cái)鄻?biāo)簽,這樣會(huì)造成用戶不清楚標(biāo)簽的含義,可以嘗試使用更簡(jiǎn)練的文字來(lái)清楚地傳達(dá)選項(xiàng)含義。

圖片

 

6、不要使用太復(fù)雜的切換動(dòng)畫

花哨復(fù)雜的切換動(dòng)畫對(duì)于初次使用的用戶來(lái)說(shuō)可能看起來(lái)很酷,但是一旦用戶熟悉了產(chǎn)品并頻繁使用導(dǎo)航時(shí),這些復(fù)雜的切換動(dòng)畫就會(huì)變得很煩人。

這些切換動(dòng)畫雖然看起來(lái)很復(fù)雜,但卻沒(méi)有為產(chǎn)品或用戶帶來(lái)任何有用的價(jià)值或信息,因此這些動(dòng)畫就會(huì)變成一種負(fù)擔(dān),讓用戶感到沮喪。

圖片

底部標(biāo)簽欄的切換動(dòng)畫應(yīng)該干脆利落,可以使用簡(jiǎn)單的微動(dòng)效作為輔助,切莫太復(fù)雜。 

 


作者: Clippp

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》APP底部標(biāo)簽欄設(shè)計(jì)需要注意哪些問(wèn)題?我總結(jié)了這6點(diǎn)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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



設(shè)計(jì)師能力建設(shè)(4):設(shè)計(jì)評(píng)審會(huì)

seo達(dá)人


圖片

 

 

一、評(píng)審會(huì)的目標(biāo)

中后臺(tái)B端產(chǎn)品「設(shè)計(jì)改版」通常是在保持現(xiàn)有業(yè)務(wù)邏輯不變的情況下,針對(duì)界面交互及視覺(jué)風(fēng)格存在的問(wèn)題,提出的升級(jí)優(yōu)化方案。設(shè)計(jì)評(píng)審的目標(biāo)也比較明確,可以分為「直接目標(biāo)」和「間接目標(biāo)」。

 

1、直接目標(biāo)

  • 獲得評(píng)審人員的建議,明確后續(xù)的修改方向;
  • 爭(zhēng)取獲得向更高層匯報(bào)的機(jī)會(huì),得到認(rèn)可后推進(jìn)落地;

 

2、間接目標(biāo)

  • 通過(guò)專業(yè)的設(shè)計(jì)輸出,增強(qiáng)設(shè)計(jì)的正向影響;
  • 良好的評(píng)審互動(dòng),展現(xiàn)個(gè)人能力,為自己后續(xù)工作加分;

達(dá)成這些目標(biāo)并不容易。設(shè)計(jì)評(píng)審跟做產(chǎn)品是一個(gè)道理,需要能夠向用戶(評(píng)審人員)提供有價(jià)值(針對(duì)用戶需求)的產(chǎn)品(設(shè)計(jì)方案),這樣用戶才會(huì)買單(過(guò)審)。

所以除了做好設(shè)計(jì)方案,設(shè)計(jì)師還要思考評(píng)審人員的角色、關(guān)切點(diǎn),并且充分論證設(shè)計(jì)方案的合理性后,才能讓評(píng)審人員接受設(shè)計(jì)方案。

 

 

二、評(píng)審會(huì)的影響因素

圖片

 

1、評(píng)審人員的專業(yè)性

之前文章中也提到過(guò),設(shè)計(jì)評(píng)審有設(shè)計(jì)團(tuán)隊(duì)內(nèi)審和項(xiàng)目組外審?!冈O(shè)計(jì)改版」歸屬于大版本迭代,影響范圍更大,評(píng)審人員也更加復(fù)雜。

外審的時(shí)候,設(shè)計(jì)師主要面對(duì)的是業(yè)務(wù)方、產(chǎn)品經(jīng)理、技術(shù)人員等非專業(yè)人員。在C端產(chǎn)品日常需求中,業(yè)務(wù)方會(huì)進(jìn)行大量的競(jìng)品分析,雖然沒(méi)專業(yè)設(shè)計(jì)能力,但是對(duì)設(shè)計(jì)會(huì)有比較深入的思考。設(shè)計(jì)師可以根據(jù)現(xiàn)場(chǎng)情況,部分內(nèi)容一帶而過(guò),但是要做好充分的準(zhǔn)備,應(yīng)對(duì)來(lái)自評(píng)審人員的質(zhì)疑。

在中后臺(tái)B端產(chǎn)品中,業(yè)務(wù)方和產(chǎn)品經(jīng)理主要精力集中在功能設(shè)計(jì)上,對(duì)設(shè)計(jì)工作關(guān)注度有限。他們對(duì)界面風(fēng)格的流行趨勢(shì)、評(píng)判標(biāo)準(zhǔn)、交互方法等,沒(méi)有清晰的概念和明確的認(rèn)知。面對(duì)這樣的評(píng)審人員,需要在設(shè)計(jì)方案講解時(shí)格外用心。

如果設(shè)計(jì)師一上來(lái)就拋出設(shè)計(jì)方案,最終的結(jié)果很可能是評(píng)審人員難以做出設(shè)計(jì)決策,方案也不容易獲得認(rèn)可。

 

2、評(píng)審內(nèi)容的不同

我們?cè)谧鼍唧w需求設(shè)計(jì)時(shí),評(píng)審人員會(huì)圍繞具體的操作流程,用戶場(chǎng)景、設(shè)計(jì)細(xì)節(jié)展開(kāi),在統(tǒng)一的規(guī)范框架下,頁(yè)面設(shè)計(jì)不會(huì)產(chǎn)生太大的評(píng)審問(wèn)題。

而設(shè)計(jì)側(cè)主動(dòng)發(fā)起的“設(shè)計(jì)改版“,更偏向于抽象、主觀的視覺(jué)層面。每個(gè)人看到設(shè)計(jì)方案的感受可能大相徑庭。設(shè)計(jì)師在評(píng)審時(shí),要將偏主觀感受的設(shè)計(jì)風(fēng)格,轉(zhuǎn)化為客觀形象的設(shè)計(jì)過(guò)程,讓設(shè)計(jì)方案能夠水到渠成地展示給評(píng)審人員,其實(shí)還是需要下一番功夫思考的。

否則評(píng)審人員會(huì)充滿各種疑問(wèn),比如設(shè)計(jì)師講到顏色升級(jí),評(píng)審人員不理解”為什么主題色要從深藍(lán)變成亮藍(lán)”,或者”為什么頭部區(qū)域從淺色變?yōu)榱松钌?。B端產(chǎn)品缺少了前期的設(shè)計(jì)分析和研究,這樣的細(xì)微調(diào)整,在非專業(yè)人員看來(lái)根本沒(méi)有什么意義。

 

3、評(píng)審人員的關(guān)切點(diǎn)

設(shè)計(jì)師很多時(shí)候更偏向于執(zhí)行層面,視角相對(duì)局限,更加追求完美的設(shè)計(jì)方案。而上層則會(huì)綜合考慮產(chǎn)品發(fā)展階段、人力資源、工作的優(yōu)先級(jí)等因素,做出最終的設(shè)計(jì)迭代決策。因此了解上層的期望至關(guān)重要,可以保證更高的設(shè)計(jì)通過(guò)率。

如果設(shè)計(jì)師有新的設(shè)計(jì)思考,可以推出多個(gè)設(shè)計(jì)方案,給上層帶來(lái)新的思路和思考。多方案并行時(shí),要保持一定的梯度和差異化,要有一定的方向性的差別。既要能夠滿足上層的關(guān)切點(diǎn),又可以體現(xiàn)設(shè)計(jì)師的個(gè)人能力。簡(jiǎn)單換個(gè)顏色很難打動(dòng)評(píng)審人員。

評(píng)審人員更注重設(shè)計(jì)方案能否解決現(xiàn)有的問(wèn)題,因此設(shè)計(jì)不能只是設(shè)計(jì)師個(gè)人的自由發(fā)揮,而是有效地解決產(chǎn)品問(wèn)題,這才是設(shè)計(jì)方案的真正價(jià)值。

如果設(shè)計(jì)方案只是停留在設(shè)計(jì)師認(rèn)知的角度,會(huì)導(dǎo)致方案無(wú)法過(guò)審,或者評(píng)審人員無(wú)法做出設(shè)計(jì)決策。

 

 

三、評(píng)審會(huì)的常見(jiàn)問(wèn)題

評(píng)審會(huì)常見(jiàn)的問(wèn)題包括以下幾項(xiàng):

圖片

 

1、缺少設(shè)計(jì)分析

有些設(shè)計(jì)師喜歡直奔主題,打開(kāi)設(shè)計(jì)圖直接匯報(bào)。評(píng)審人員要么看不懂、不理解,要么覺(jué)得不符合自己的想法,會(huì)提出各種質(zhì)疑。設(shè)計(jì)分析可以不作為重頭戲,但是必須要有,否則設(shè)計(jì)方案就會(huì)缺乏足夠的說(shuō)服力。

 

2、缺少設(shè)計(jì)目標(biāo)

設(shè)計(jì)目標(biāo)看似比較虛,我個(gè)人認(rèn)為作用還是比較大的。一方面可以控制和牽引設(shè)計(jì)方案保持正確的方向,另一方面可以輔助評(píng)審人員理解設(shè)計(jì)師的想法。

因?yàn)樵u(píng)審人員沒(méi)有專業(yè)的設(shè)計(jì)表述方法,通常是“科技感”、“簡(jiǎn)潔”、“熱鬧”、“氛圍”、“高大上”等等的抽象概念。設(shè)計(jì)目標(biāo)也是諸如此類、高度概括的詞語(yǔ),容易引起評(píng)審人員的共鳴。

 

3、方案缺少設(shè)計(jì)梯度

越高層級(jí)的評(píng)審,討論內(nèi)容越是側(cè)重設(shè)計(jì)方向。設(shè)計(jì)細(xì)節(jié)通常是執(zhí)行層面討論確定的。因此并行的幾套方案,如果一眼看上去差異不大,設(shè)計(jì)的價(jià)值必然會(huì)打折扣。雖然B端產(chǎn)品很難有顛覆式的表現(xiàn)層創(chuàng)新,但設(shè)計(jì)方案不能只是停留在設(shè)計(jì)細(xì)節(jié)的差異。

設(shè)計(jì)方案體現(xiàn)出一定的差異化,有利于評(píng)審人員作出設(shè)計(jì)決策,或者選定設(shè)計(jì)方向。

 

4、缺少有效的設(shè)計(jì)協(xié)同

雖然大的改版升級(jí)需要調(diào)動(dòng)多名設(shè)計(jì)師共同完成,最終還是要形成統(tǒng)一的匯報(bào)框架。這時(shí)需要有明確的組織者,站在更高的視角進(jìn)行設(shè)計(jì)協(xié)同,比如設(shè)計(jì)方向的討論,統(tǒng)一匯報(bào)文檔的結(jié)構(gòu),表達(dá)邏輯等等。

 

5、講解邏輯不清晰

方案講解時(shí),需要能夠讓評(píng)審人員聽(tīng)懂并接納,因此如何呈現(xiàn)給評(píng)審人員至關(guān)重要。否則東一榔頭、西一棒槌的,評(píng)審人員可能聽(tīng)得云里霧里的。

 

 

四、評(píng)審文檔內(nèi)容

設(shè)計(jì)方案固然重要,但是需要一定的評(píng)審策略將方案有效地傳遞給評(píng)審人員,避免設(shè)計(jì)評(píng)審成為設(shè)計(jì)師的「自嗨」。

根據(jù)“雙鉆模型”,設(shè)計(jì)過(guò)程包含了發(fā)現(xiàn)期、定義期、發(fā)展期、交付期4個(gè)環(huán)節(jié)。用戶調(diào)研、產(chǎn)品分析、競(jìng)品分析對(duì)后期的方案設(shè)計(jì)有著非常重要的影響,因此完整的評(píng)審文檔必須要包含前期的分析研究?jī)?nèi)容。

圖片

 

1、發(fā)現(xiàn)期

改版不是對(duì)原有設(shè)計(jì)的完全顛覆,而是針對(duì)性地優(yōu)化升級(jí)。設(shè)計(jì)師首先要明確“現(xiàn)有版本存在什么問(wèn)題”,為設(shè)計(jì)改版提供足夠的鋪墊和支撐,也可以為設(shè)計(jì)改版指明方向。

另外中后臺(tái)B端產(chǎn)品,視覺(jué)層面上大同小異。評(píng)審人員設(shè)計(jì)決策時(shí),會(huì)考慮投入產(chǎn)出比。因此從現(xiàn)有問(wèn)題出發(fā),更容易獲得評(píng)審人員的認(rèn)可。

一般可以從內(nèi)、外兩個(gè)視角發(fā)現(xiàn)問(wèn)題。

  • 設(shè)計(jì)師視角——內(nèi)部定位問(wèn)題

設(shè)計(jì)師可以采用啟發(fā)式評(píng)估完成一輪設(shè)計(jì)走查,定位現(xiàn)有版本的設(shè)計(jì)問(wèn)題。通常這些問(wèn)題都比較具體,需要將問(wèn)題進(jìn)行適當(dāng)?shù)臍w類總結(jié),作為后續(xù)的改版方向。

對(duì)于側(cè)重于交互的改版升級(jí),還可以引入用戶反饋發(fā)現(xiàn)更多問(wèn)題,也更有說(shuō)服力。不過(guò)對(duì)于視覺(jué)類的升級(jí),B端產(chǎn)品視覺(jué)風(fēng)格雖然重要,但并非用戶核心關(guān)切點(diǎn),用戶反饋可能會(huì)帶有明顯的個(gè)人喜好,并不具有廣泛的代表性,因此要審慎地對(duì)待用戶反饋信息。

  • 行業(yè)視角——外部發(fā)展趨勢(shì)

除了現(xiàn)有版本的問(wèn)題分析,還要站在行業(yè)視角,對(duì)同類型的產(chǎn)品進(jìn)一步分析,總結(jié)機(jī)會(huì)點(diǎn)、設(shè)計(jì)趨勢(shì)等。另外評(píng)審人員可能對(duì)行業(yè)競(jìng)品或者同類產(chǎn)品會(huì)有先入為主的印象,因此需要用更廣泛的競(jìng)品分析,去引導(dǎo)評(píng)審人員的認(rèn)知。

 

2、定義期

在發(fā)現(xiàn)期,我們發(fā)現(xiàn)了各種各樣的問(wèn)題,但是由于設(shè)計(jì)資源、產(chǎn)品發(fā)展的階段、設(shè)計(jì)排期等限制,這些問(wèn)題可能無(wú)法一次性解決。因此在定義期,需要對(duì)問(wèn)題收斂、聚焦,關(guān)注最核心的問(wèn)題,形成相應(yīng)的結(jié)論,在此基礎(chǔ)上提出設(shè)計(jì)目標(biāo)。

以上兩個(gè)部分,在完整的評(píng)審過(guò)程中是必不可少的。對(duì)于比較復(fù)雜或者重要的設(shè)計(jì)項(xiàng)目,如果設(shè)計(jì)洞察內(nèi)容比較多,融入在一次評(píng)審中,會(huì)導(dǎo)致評(píng)審內(nèi)容過(guò)多,會(huì)議效率低下。可以根據(jù)項(xiàng)目節(jié)奏,將設(shè)計(jì)研究作為專題單元單獨(dú)匯報(bào)。

 

 

五、評(píng)審會(huì)講解技巧

評(píng)審會(huì)是設(shè)計(jì)過(guò)程的高度濃縮,3~5天甚至更長(zhǎng)的設(shè)計(jì)周期,設(shè)計(jì)師有大量的設(shè)計(jì)調(diào)研、分析、思考。想要在1~2個(gè)小時(shí)的評(píng)審會(huì)上傳遞給評(píng)審人員,需要有一定的評(píng)審技巧。

圖片

 

1、歸納總結(jié)

在評(píng)審過(guò)程中,評(píng)審人員很難一時(shí)消化密集的研究信息,因此將零碎、分散的問(wèn)題提煉為結(jié)論性洞察是很有必要的??梢宰屧u(píng)審人員快速獲得關(guān)鍵信息。

如果是視覺(jué)風(fēng)格評(píng)審,最后還需要將方案匯總展示,方便評(píng)審人員對(duì)比查看。

 

2、結(jié)論優(yōu)先

一份完整的設(shè)計(jì)評(píng)審文檔可能會(huì)有幾十頁(yè),完整的闡述所有內(nèi)容,評(píng)審人員可能沒(méi)有完整的時(shí)間、耐心聽(tīng)取報(bào)告。可以將設(shè)計(jì)洞察的結(jié)論優(yōu)先展示給評(píng)審人員,快速切入到設(shè)計(jì)方案環(huán)節(jié),詳細(xì)的分析內(nèi)容作為附加信息,根據(jù)需要進(jìn)行講解。既可以保證設(shè)計(jì)流程的完整性,又能夠提高評(píng)審效率。

 

3、邏輯設(shè)定

我個(gè)人認(rèn)為方案講解可以遵循2個(gè)邏輯:問(wèn)題導(dǎo)向和設(shè)計(jì)導(dǎo)向。

  • 問(wèn)題導(dǎo)向

就是根據(jù)前期的設(shè)計(jì)洞察,逐個(gè)講解優(yōu)化方案。這種邏輯比較有針對(duì)性,但是設(shè)計(jì)方案的整體性會(huì)被削弱。這種邏輯更適合問(wèn)題比較清晰,并且沒(méi)有產(chǎn)品框架優(yōu)化的項(xiàng)目需求。

  • 設(shè)計(jì)導(dǎo)向

立足于設(shè)計(jì)方案本身,從大到小逐步細(xì)化講解,將問(wèn)題點(diǎn)的優(yōu)化融入在設(shè)計(jì)方案講解中。這種講解方案更適合于比較大的系統(tǒng)級(jí)的改版設(shè)計(jì)。

具體的講解邏輯可以根據(jù)項(xiàng)目情況自由選擇。

設(shè)計(jì)評(píng)審會(huì)的細(xì)節(jié)還有很多,例如會(huì)議的組織、評(píng)審紀(jì)要等。今天就不一一展開(kāi)了。

以上就是我的一些思考,歡迎大家評(píng)論區(qū)留言交流~


作者:子牧先生

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》設(shè)計(jì)師能力建設(shè)(4):設(shè)計(jì)評(píng)審會(huì)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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



“企業(yè)微信”的20年:騰訊是如何連接人和企業(yè)?

seo達(dá)人


一、2001年:RTX——企業(yè)內(nèi)部的IM工具

圖片

QQ用戶數(shù)的激增,給騰訊帶來(lái)了巨大的服務(wù)器維護(hù)成本

QQ自1999年問(wèn)世后,用戶量快速增長(zhǎng),到了2001年,注冊(cè)用戶數(shù)突破2000萬(wàn)。而當(dāng)時(shí)騰訊并沒(méi)有為QQ找到合適的商業(yè)模式,QQ用戶很多,但是不知道怎么賺錢。

2000年11月,騰訊推出了“QQ俱樂(lè)部”的會(huì)員服務(wù),QQ用戶一個(gè)月只要繳納10元會(huì)費(fèi),就能享受QQ靚號(hào)、網(wǎng)絡(luò)收藏夾和好友列表保存等增值服務(wù)。這是騰訊乃至中國(guó)互聯(lián)網(wǎng)史上第一個(gè)“氪金”業(yè)務(wù),自此騰訊走上了可恥但有用的“氪金”之路。

圖片

可是騰訊第一個(gè)“氪金”業(yè)務(wù)并沒(méi)有成功,半年內(nèi)只有3000個(gè)用戶成為會(huì)員。因?yàn)楸藭r(shí)在線支付工具還沒(méi)有像今天一樣成熟,用戶需要去郵局轉(zhuǎn)賬給騰訊。即使用戶真的很喜歡這個(gè)功能,誰(shuí)又會(huì)專門跑一趟郵局呢?

既然向個(gè)人用戶直接收費(fèi)有困難,騰訊就只能向企業(yè)用戶收費(fèi)了。

那么騰訊可以給企業(yè)用戶提供什么付費(fèi)服務(wù)呢?當(dāng)然還是老本行,即時(shí)通訊工具。

騰訊于2001年開(kāi)始研發(fā)一款企業(yè)內(nèi)部IM產(chǎn)品,這款產(chǎn)品叫做Business QQ,后改名成RXT(騰訊通)。

圖片

RTX相較于QQ最本質(zhì)的提升總結(jié)起來(lái)就是兩方面——更安全,更易管理。RTX服務(wù)器部署在企業(yè)內(nèi)部,不用擔(dān)心信息外泄。由企業(yè)開(kāi)通賬號(hào)供員工在公司局域網(wǎng)內(nèi)使用,所以RTX沒(méi)有跟個(gè)人QQ打通,用RTX只能跟同事溝通。

RTX賬號(hào)所有權(quán)在公司,公司可以根據(jù)你的崗位職能給你開(kāi)通相應(yīng)的權(quán)限,也可以對(duì)員工會(huì)話記錄進(jìn)行存檔和查詢,方便管理。

從這里我們可以看出很多現(xiàn)在企業(yè)微信的功能,例如邀請(qǐng)制、會(huì)話存檔、權(quán)限管控等,都可以追溯到20年前的RTX。目前RTX的官網(wǎng)依然支持訪問(wèn),只是在官網(wǎng)首頁(yè)增加了一個(gè)企業(yè)微信的鏈接。到后面我們可以發(fā)現(xiàn),將接力棒交給企業(yè)微信的產(chǎn)品遠(yuǎn)不止RTX。

圖片

RTX后面還集成了一部分OA功能,但是整體定位還是企業(yè)內(nèi)部的IM工具,其目標(biāo)是可以為企業(yè)節(jié)省通信和出差費(fèi)用,提升企業(yè)的信息化程度。

可是RTX存在一個(gè)弊端 ——只能在局域網(wǎng)內(nèi)跟同事溝通,沒(méi)有跟個(gè)人QQ進(jìn)行打通。 

 

 

二、2007年:企業(yè)QQ——在線客服+營(yíng)銷平臺(tái)

當(dāng)時(shí)企業(yè)要跟個(gè)人QQ進(jìn)行打通主要是基于兩方面訴求:

 

1 在線客服:傳統(tǒng)電話客服是一對(duì)一的服務(wù)模式,客服一次性只能服務(wù)一個(gè)客戶,缺乏彈性??蛻魜?lái)電多的時(shí)候,客服忙不過(guò)來(lái),會(huì)漏接客戶電話;客戶來(lái)電少的時(shí)候,客服就會(huì)很閑,造成企業(yè)人力資源浪費(fèi)。而如果支持客戶通過(guò)QQ直接跟客服溝通,那么客服同時(shí)可以承接多個(gè)客戶,客服團(tuán)隊(duì)的服務(wù)與管理效率得到了提升。

 

2 營(yíng)銷平臺(tái):海量的QQ用戶對(duì)于企業(yè)來(lái)說(shuō)是寶貴的客戶資源,如果支持企業(yè)直接對(duì)QQ用戶進(jìn)行觸達(dá)。相較于地推、紙媒、電銷等傳統(tǒng)營(yíng)銷模式,使用QQ對(duì)客戶進(jìn)行營(yíng)銷觸達(dá)具有客群精準(zhǔn)、成本低廉、互動(dòng)感強(qiáng)等優(yōu)勢(shì)。

圖片

基于企業(yè)這兩方面訴求,騰訊于2007年上線了企業(yè)QQ客戶管理系統(tǒng)。企業(yè)只要提交材料完成審核,就可以獲得一個(gè)專屬企業(yè)QQ號(hào)。個(gè)人QQ用戶可以搜索企業(yè)QQ號(hào)跟企業(yè)進(jìn)行直接溝通,企業(yè)QQ支持消息群發(fā)觸達(dá)用戶。

圖片 

此外企業(yè)QQ跟個(gè)人QQ一樣,還有一個(gè)「企業(yè)空間」功能?!钙髽I(yè)空間」是企業(yè)的輕量級(jí)門戶網(wǎng)站和BBS。企業(yè)可以在空間內(nèi)發(fā)布企業(yè)簡(jiǎn)介、最新信息、產(chǎn)品研發(fā)狀況等,這個(gè)功能形態(tài)有點(diǎn)類似于后來(lái)的微信公眾號(hào)。

當(dāng)時(shí)騰訊對(duì)于企業(yè)QQ的愿景是改變企業(yè)與用戶之間的溝通方式,打造企業(yè)在線精準(zhǔn)營(yíng)銷的新平臺(tái)。如果說(shuō)RTX的定位是企業(yè)內(nèi)部IM,那么企業(yè)QQ的定位就是在線客服+營(yíng)銷平臺(tái)。

 

 

三、2012——14年:公眾號(hào)——包打一切

前面我們主要梳理了PC互聯(lián)網(wǎng)時(shí)代,騰訊做的兩款企業(yè)端通信工具。而在移動(dòng)互聯(lián)網(wǎng)時(shí)代,騰訊通過(guò)微信鞏固了自己在個(gè)人社交領(lǐng)域的霸主地位后,卻沒(méi)有選擇做一款類似RTX的企業(yè)內(nèi)部通信產(chǎn)品。

原因很簡(jiǎn)單,因?yàn)轵v訊認(rèn)為微信完全可以滿足企業(yè)端的通信訴求。

 

首先在移動(dòng)互聯(lián)網(wǎng)時(shí)代,企業(yè)內(nèi)部即時(shí)通訊成了一個(gè)偽需求。為什么PC互聯(lián)網(wǎng)時(shí)代要單獨(dú)開(kāi)發(fā)RTX才能滿足企業(yè)內(nèi)部的溝通訴求?為什么不能直接用個(gè)人QQ呢?其實(shí)主要就是兩個(gè)原因:

 

1、安全:QQ盜號(hào)頻發(fā),使用QQ當(dāng)作企業(yè)溝通軟件,如果被盜號(hào)會(huì)帶來(lái)信息泄露風(fēng)險(xiǎn);

2、管理:QQ用戶印象為三低——低齡、低學(xué)歷和低收入。上班時(shí)間掛QQ,無(wú)法存檔查詢你的聊天記錄,不知道你是聊工作還是跟朋友在吹水,管理難度大;

 

首先從安全層面,隨著網(wǎng)絡(luò)安全技術(shù)的發(fā)展,微信號(hào)很難被盜,所以安全性對(duì)于廣大中小企業(yè)來(lái)說(shuō)完全夠用。

再看管理層面,軟件運(yùn)行載體從電腦變成了手機(jī),你無(wú)法知道員工手機(jī)上打開(kāi)的是哪款app。移動(dòng)互聯(lián)網(wǎng)時(shí)代,企業(yè)是無(wú)法阻止員工劃水的,除非上班時(shí)間上交手機(jī)。既然無(wú)法管理,那就干脆別管了。

所以對(duì)于騰訊來(lái)說(shuō),微信完全可以充當(dāng)企業(yè)內(nèi)部IM工具。在這個(gè)大前提下,企業(yè)其他的一些訴求,騰訊謀求通過(guò)在微信內(nèi)新增「插件」來(lái)滿足,這個(gè)「插件」就是微信公眾號(hào)。

 

我們常說(shuō)的微信公眾號(hào)其實(shí)可以細(xì)分為三類:訂閱號(hào)、服務(wù)號(hào)和企業(yè)號(hào)。

 

1、訂閱號(hào):

2012年,微信公眾號(hào)上線,賦予了企業(yè)直接觸達(dá)C端用戶的能力。有了公眾號(hào),商家節(jié)省了兩方面的成本。第一是短信推送費(fèi),商家開(kāi)始通過(guò)公眾號(hào)給用戶推送信息。第二是門戶網(wǎng)站搭建費(fèi),在公眾號(hào)之前,用戶要想在網(wǎng)上找到企業(yè)相關(guān)信息,企業(yè)需要自己搭建門戶網(wǎng)站。而有了公眾號(hào)之后,任何一個(gè)小企業(yè)都能開(kāi)通一個(gè)公眾號(hào),在公眾號(hào)放企業(yè)相關(guān)信息。

圖片

自公眾號(hào)問(wèn)世后,路邊廣告牌上網(wǎng)址和電話號(hào)碼不見(jiàn)了,取而代之的是公眾號(hào)二維碼。

 

2、服務(wù)號(hào):

2013年,微信將公眾號(hào)拆分成訂閱號(hào)和服務(wù)號(hào)。如果說(shuō)訂閱號(hào)的定位是連接人與內(nèi)容,那么服務(wù)號(hào)的定位就是連接人與服務(wù)。服務(wù)號(hào)為企業(yè)開(kāi)放了很多接口,例如獲取用戶位置信息、模版消息、微信支付等,方便企業(yè)進(jìn)行定制化開(kāi)發(fā)。

服務(wù)號(hào)更像是各個(gè)企業(yè)在微信內(nèi)部開(kāi)發(fā)的一款輕量化app,用戶享受企業(yè)的服務(wù),不一定非要去下載安裝app,在服務(wù)號(hào)里也能實(shí)現(xiàn)。從這方面來(lái)看,服務(wù)號(hào)的定位跟后來(lái)的小程序很類似。

 

3、企業(yè)號(hào)

2014年,微信在公眾號(hào)原來(lái)訂閱號(hào)和服務(wù)號(hào)的基礎(chǔ)上,新增企業(yè)號(hào)。企業(yè)號(hào)的定位是企業(yè)員工在微信端的移動(dòng)辦公平臺(tái)。

圖片

為了方便大家理解,以我們出去吃飯舉例。如果這家餐廳開(kāi)通的是訂閱號(hào),那么我們可以看到這家餐廳推送的活動(dòng)資訊,比如,今天是七夕,情侶來(lái)店里吃飯可以免費(fèi)領(lǐng)取兩份冰激凌。如果這家餐廳開(kāi)通的是服務(wù)號(hào),我們除了可以看到活動(dòng)資訊,還可以在服務(wù)號(hào)里完成在線排隊(duì)、點(diǎn)餐和付款功能。如果這家餐廳開(kāi)通了企業(yè)號(hào),那么這家餐廳的員工可以在企業(yè)號(hào)發(fā)起冰激凌采購(gòu)流程。

總體上來(lái)說(shuō),騰訊把企業(yè)的相關(guān)訴求都集成在公眾號(hào)里來(lái)實(shí)現(xiàn)。公眾號(hào)似乎可以完美的連接人與企業(yè),可是結(jié)果真的是這樣的嗎?

 

 

四、2014年:釘釘——在線辦公室

2011年,微信橫空出世,為騰訊在移動(dòng)互聯(lián)網(wǎng)時(shí)代搶下一個(gè)無(wú)可替代的流量入口。為了對(duì)標(biāo)微信,阿里于2013年推出了來(lái)往??墒且?yàn)閬?lái)往與微信在功能上過(guò)于相似,缺乏差異化,留存用戶很少。到了2014年春節(jié),來(lái)往在數(shù)據(jù)上頹勢(shì)盡顯。

阿里開(kāi)始轉(zhuǎn)變思路,既然在個(gè)人社交賽道,已經(jīng)無(wú)法超越微信,那么不如換一條賽道——企業(yè)社交。

可企業(yè)社交這個(gè)命題作文到底應(yīng)該怎么寫呢?

當(dāng)阿里團(tuán)隊(duì)去電商企業(yè)進(jìn)行需求調(diào)研時(shí),就像前面提到的一樣,發(fā)現(xiàn)企業(yè)即時(shí)通訊成了一個(gè)偽需求。因?yàn)檫@些企業(yè)都是集中辦公,有事吼一聲就行了。就算距離遠(yuǎn)一點(diǎn),用微信也行啊。

 

但是阿里團(tuán)隊(duì)還是收集到了兩條很有用的建議:

1.工作和生活信息太繁雜,溝通工具總是在QQ、微信、郵件、電話和短信中切換,希望有一個(gè)統(tǒng)一的工作平臺(tái);

2.阿里巴巴能不能將內(nèi)部的高效企業(yè)管理系統(tǒng)簡(jiǎn)化后,免費(fèi)提供給中國(guó)中小型企業(yè)用,提高中小型企業(yè)的管理水平。

 

此刻阿里團(tuán)隊(duì)明白企業(yè)社交這篇文章破題點(diǎn)不在于即時(shí)通訊,而在于“企業(yè)協(xié)同辦公”。 

圖片

2014年底,釘釘發(fā)布測(cè)試版,從辦公場(chǎng)景開(kāi)始切入,其產(chǎn)品定位為廣大中小企業(yè)提供高效協(xié)同辦公工具。

現(xiàn)在對(duì)于釘釘來(lái)說(shuō),有一個(gè)好消息和一個(gè)壞消息——好消息是釘釘?shù)亩ㄎ徽业暮軠?zhǔn);壞消息是微信的企業(yè)號(hào)瞄準(zhǔn)的也是辦公協(xié)同場(chǎng)景。

雖然企業(yè)號(hào)在辦公協(xié)同賽道早早卡位,但是這款產(chǎn)品并沒(méi)有在騰訊內(nèi)部受到重視。企業(yè)號(hào)只是微信公眾號(hào)體系下的一個(gè)子分類,在微信中的屬于配角中的配角。

2015年,釘釘開(kāi)始狂奔,基本上每?jī)芍芏紩?huì)迭代一個(gè)版本。阿里更是投下5億元開(kāi)始鋪天蓋地的市場(chǎng)推廣,馬云更是親自為釘釘站臺(tái)。而企業(yè)號(hào)依附于微信生態(tài),在產(chǎn)品的迭代上需要遵循微信大框架。針對(duì)釘釘在市場(chǎng)上的動(dòng)作沒(méi)有采取任何反制措施,放任釘釘野蠻生長(zhǎng)。

圖片

釘釘把廣告打到騰訊總部樓下

2016年4月,騰訊意識(shí)到釘釘?shù)耐{,才開(kāi)始發(fā)布獨(dú)立的企業(yè)微信APP,而此時(shí)釘釘已成規(guī)模。“上班用釘釘,下班用微信”,阿里在社交賽道上終于找到了跟微信的差異化定位。

除了企業(yè)協(xié)同辦公,另一個(gè)使釘釘爆發(fā)式增長(zhǎng)的場(chǎng)景就是在線教育。2019年,釘釘宣稱要服務(wù)1000萬(wàn)家組織,到了2020年8月,這個(gè)數(shù)字改成了1500萬(wàn)。這個(gè)新增的500萬(wàn)主要來(lái)自于疫情期間,在線教育和在線辦公需求暴增帶來(lái)的增量。

 

 

五、企業(yè)微信——私域流量運(yùn)營(yíng)工具

2016年4月,企業(yè)微信發(fā)布后,其定位跟釘釘過(guò)于類似且功能相對(duì)簡(jiǎn)單,所以一直難以殺出重圍。到了2019年,經(jīng)過(guò)3年的追趕,企業(yè)微信和釘釘?shù)牟罹喾炊絹?lái)越大。截止當(dāng)年底,釘釘?shù)娜腭v企業(yè)達(dá)到了1000萬(wàn)家,而企業(yè)微信只有250萬(wàn)家。

圖片

眼看追趕釘釘無(wú)望,企微微信3.0版本祭出一個(gè)大招——打通企業(yè)微信和個(gè)人微信,用個(gè)人微信的關(guān)系鏈為企業(yè)微信進(jìn)行供血。

 

企業(yè)微信如果定位為公司內(nèi)部的一個(gè)溝通工具的話,我認(rèn)為它的場(chǎng)景和意義會(huì)小很多,只有當(dāng)它延伸到企業(yè)外部的時(shí)候它會(huì)產(chǎn)生更大的價(jià)值。企業(yè)微信后續(xù)新的變化是基于一個(gè)新的理念——希望讓每一個(gè)企業(yè)員工都成為企業(yè)服務(wù)的窗口。人就是服務(wù),而且是認(rèn)證的服務(wù)。——張小龍2019年微信公開(kāi)課節(jié)選

 

如果說(shuō)3.0版本之前,企業(yè)微信走的路是跟釘釘一樣的企業(yè)內(nèi)部協(xié)同辦公。那么3.0版本之后,企業(yè)微信要走的路就是幫助企業(yè)更高效的觸達(dá)C端用戶。用企業(yè)微信官方的話來(lái)說(shuō),就是“要成為國(guó)內(nèi)最大的B2B2C數(shù)字化連接器”。

這是釘釘和其他競(jìng)品走不了的路,釘釘可以一直在協(xié)同辦公領(lǐng)域深耕,但卻只能在2B的圈子里打轉(zhuǎn)。企業(yè)微信可以輕易的實(shí)現(xiàn)2C,因?yàn)樗龘碛幸粋€(gè)對(duì)C端用戶觸達(dá)最垂直、最深入的“母體應(yīng)用”——微信。

張小龍“人即服務(wù)”的產(chǎn)品理念是用戶可以通過(guò)微信直接找到給自己提供服務(wù)或者產(chǎn)品的人??墒菍?duì)于企業(yè)來(lái)說(shuō),這句話也可以反過(guò)來(lái)理解——讓能提供服務(wù)或者產(chǎn)品的人主動(dòng)去觸達(dá)需要服務(wù)的對(duì)象。 

從這點(diǎn)上來(lái)說(shuō),企業(yè)微信的定位很像之前的企業(yè)QQ和微信公眾號(hào),都是企業(yè)私域流量運(yùn)營(yíng)的利器。

圖片

自此與個(gè)人微信打通后,企業(yè)微信入駐企業(yè)數(shù)連續(xù)兩年實(shí)現(xiàn)翻倍增長(zhǎng)。到2021年底,企業(yè)微信上的真實(shí)企業(yè)與組織數(shù)超1000萬(wàn),比2019年底增加了750萬(wàn)家企業(yè)。這新增的750萬(wàn)家企業(yè),有多少是抱著“服務(wù)客戶”的心態(tài),又有多少是抱著“收割流量”的心態(tài),我們不得而知。

但是從歷史上來(lái)看,歷代私域流量運(yùn)營(yíng)工具都不可避免與灰產(chǎn)和微商產(chǎn)生聯(lián)系,企業(yè)微信能否跳脫這個(gè)歷史周期律,我們拭目以待。


作者:王M爭(zhēng)

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》“企業(yè)微信”的20年:騰訊是如何連接人和企業(yè)?

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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



為什么總感覺(jué)我的設(shè)計(jì)比較土?終于明白了!

seo達(dá)人


一、借用大師的元素

這是世界三大平面設(shè)計(jì)之一岡特·蘭堡的作品。

這是不是會(huì)給你一些靈感?我第一眼感覺(jué)這有點(diǎn)熟悉,似乎在別人的作品中運(yùn)用過(guò)這種版式、元素。

圖片

在這設(shè)計(jì)中,與岡特·蘭堡的作品相似之處就有:黃底黑字的橫條和藍(lán)色調(diào)的背景,再結(jié)合一些設(shè)計(jì)圖形,就能產(chǎn)生出一種新穎的設(shè)計(jì)風(fēng)格。

就是在大師的視覺(jué)中提取元素靈感進(jìn)行轉(zhuǎn)化,運(yùn)用在我們的設(shè)計(jì)中會(huì)有不一樣的視覺(jué)體驗(yàn)。

我們接著看他的其他作品。

圖片

這張作品就能給我很不錯(cuò)的靈感,把想要突出的地方用強(qiáng)烈的對(duì)比手法進(jìn)行設(shè)計(jì)?;蛘邔⑾胍怀龅脑剡M(jìn)行特殊化處理。

類似于這樣的作品。

圖片

當(dāng)靈感有限的時(shí)候,我們就可以靜下心來(lái)分析一下其他大師的作品,認(rèn)真觀察大師的作品,有哪些地方是可以提取靈感出來(lái)。

再結(jié)合自己的設(shè)計(jì)讓其提高升華,讓自己的作品耳目一新,使作品獲得新生。

保持這種發(fā)掘思維去分析作品,久而久之你就會(huì)有源源不斷的靈感浮現(xiàn)腦海里。

 

 

二、嘗試做出差異化

你走你的陽(yáng)關(guān)道,我過(guò)我的獨(dú)木橋,反其道而行,雖然在國(guó)內(nèi)市場(chǎng)不太友好,但是嘗試一下走獨(dú)木橋的感覺(jué),是否會(huì)帶給你不一樣的反饋。

圖片

特立獨(dú)行的視覺(jué),做出差異化會(huì)給人們一種新穎的視覺(jué)觀感,就會(huì)吸引用戶,就比如喬布斯手下的蘋果產(chǎn)品,打破了當(dāng)時(shí)對(duì)電子產(chǎn)品的認(rèn)知,且對(duì)細(xì)節(jié)的把控極致到位。

人們其實(shí)都有視覺(jué)疲勞,長(zhǎng)時(shí)間的保持這種風(fēng)格,難免會(huì)讓人覺(jué)得平庸,突然出現(xiàn)的新穎視覺(jué)或想法,就能夠打破這種局面。

圖片

好比這個(gè)官網(wǎng),首頁(yè)第一屏在我們印象中就是一個(gè)banner,在我們做網(wǎng)站的時(shí)候就認(rèn)為第一屏就是應(yīng)該放個(gè)banner在那里!

我們就好像思維固化了,第一屏就非得是個(gè)banner嗎?我們可以根據(jù)企業(yè)的屬性進(jìn)行判斷,我們是否還有更優(yōu)的方案,盡可能的賦予設(shè)計(jì)靈魂。

圖片

類似于這樣的首頁(yè)是否就是反其道而行呢?與同行就拉開(kāi)差別了呢?自己品牌更加深入人心呢?

比如一個(gè)正常的首頁(yè),在開(kāi)始設(shè)計(jì)時(shí),最頂部的是導(dǎo)航欄,導(dǎo)航欄中最左邊是一個(gè)logo,其次在右邊是產(chǎn)品介紹等等…

我們有沒(méi)有想過(guò)為什么會(huì)這么布局?我們可以反問(wèn)自己:這種布局是最合適的嗎?最好看的嗎?還有沒(méi)有更加合適的方式?

圖片

這種方式把logo放中間突出品牌就挺不錯(cuò)的。還有一些把導(dǎo)航欄折疊起來(lái)的。

剛開(kāi)始我們是這樣布局的,這就很普通沒(méi)有做出差異化。

圖片

我們是不是可以把文案進(jìn)行精細(xì)處理,提取重要的詞句,把他們放大,要有視覺(jué)沖擊力,重要的元素再次放大!

圖片

圖片

這樣布局方式就新穎很多,突出了主要文案,加強(qiáng)了視覺(jué)沖擊,又加深了品牌印象。

 

 

三、擴(kuò)大搜索范圍

沒(méi)有新穎的想法往往是自己的思路、思維還沒(méi)有打開(kāi),開(kāi)始進(jìn)行視覺(jué)設(shè)計(jì)的時(shí)候:選擇這類行業(yè)自己認(rèn)為還不錯(cuò)的視覺(jué)方向,開(kāi)始進(jìn)行視覺(jué)輸出。

圖片

那就錯(cuò)了,假如開(kāi)始設(shè)計(jì)APP,只找一些APP的視覺(jué)稿那肯定是不夠的,風(fēng)格就比較單一,你的視覺(jué)參考都不夠豐富,怎么能夠做出讓人眼前一亮的風(fēng)格!

我們不妨跳出圈子出來(lái)觀察!

圖片

可以去看別人品牌設(shè)計(jì)的、數(shù)字藝術(shù)設(shè)計(jì)的、圖形設(shè)計(jì)的、包裝設(shè)計(jì)的、服裝設(shè)計(jì)的甚至產(chǎn)品設(shè)計(jì)的都可以。有可能是某一個(gè)小地方讓你有所啟發(fā)。

圖片

大量的看,覺(jué)得很好的視覺(jué)就思考:我們的視覺(jué)是這樣的會(huì)不會(huì)更好!

圖片

就比如這張視覺(jué)稿,色彩很艷麗,顏色跨度很大,有黑色的粗線,如果把這風(fēng)格運(yùn)用在APP視覺(jué)上會(huì)是怎樣的效果?

圖片

看到一張足夠吸引你的視覺(jué)稿,就想想如何轉(zhuǎn)化到工作中去,那可能就會(huì)有不一樣的視覺(jué)風(fēng)格。

所以在設(shè)定風(fēng)格時(shí),

不局限于同行

不局限于風(fēng)格

打開(kāi)搜索范圍,讓頭腦風(fēng)暴更猛一些。

 

 

四、總結(jié)

做設(shè)計(jì)不是完成任務(wù),所思考的是多方面的,好的設(shè)計(jì)是得花很多心思的;得保持冷靜,讓自己放松,著急或者有壓力的心境下你的思緒是亂的,根本就做不了設(shè)計(jì)。

所以有時(shí)候做設(shè)計(jì)臉皮厚一些。

再者平時(shí)的審美積累是非常重要的,這個(gè)就相當(dāng)于你的底子,有底子往上爬的速度也會(huì)快一些。

做到這些你就離大師不遠(yuǎn)了!

最后,設(shè)計(jì)是永無(wú)止境探索!加油共勉。

 

 

作者:橙汁

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》為什么總感覺(jué)我的設(shè)計(jì)比較土?終于明白了!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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



掌握這10條動(dòng)畫設(shè)計(jì)方法,讓單調(diào)的界面“動(dòng)”起來(lái)【UX】

seo達(dá)人


圖片

通過(guò)匯總動(dòng)畫設(shè)計(jì)值得注意的十個(gè)方法,幫助大家進(jìn)一步了解UI/UX設(shè)計(jì)中的動(dòng)畫應(yīng)該怎么做~

 

一、從原型設(shè)計(jì)開(kāi)始

無(wú)論是設(shè)計(jì)初學(xué)者還是經(jīng)驗(yàn)豐富的設(shè)計(jì)師,在創(chuàng)建動(dòng)畫前都需要進(jìn)行原型設(shè)計(jì)。

在原型階段,對(duì)產(chǎn)品和界面進(jìn)行打磨推敲,能夠避免在后期動(dòng)畫設(shè)計(jì)過(guò)程中花費(fèi)時(shí)間返工修改。

圖片

 

二、符合物理定律

這條原則是指動(dòng)畫設(shè)計(jì)要體現(xiàn)現(xiàn)實(shí)中物體運(yùn)動(dòng)的規(guī)律,符合重力、慣性、摩擦等物理定律。確保每個(gè)元素都沿著預(yù)設(shè)的軌跡移動(dòng),同時(shí)考慮到形狀、大小和其他物理特性。

通過(guò)遵循物理定律,動(dòng)畫能展現(xiàn)更多細(xì)節(jié),為用戶帶來(lái)熟悉的感覺(jué)和更好的體驗(yàn),避免動(dòng)畫過(guò)于生硬和單調(diào)。

圖片

 

三、擠壓/拉伸元素

在常見(jiàn)到的卡片式界面設(shè)計(jì)中,對(duì)用戶的操作做出卡片收縮、放大、改變重心等反饋效果,讓動(dòng)畫盡可能逼真。

圖片

 

四、確保平穩(wěn)移動(dòng)

在現(xiàn)實(shí)生活中,物體不能一直勻速不變的運(yùn)動(dòng),而是以拋物線的形式運(yùn)動(dòng)。把這個(gè)特性加入到動(dòng)畫設(shè)計(jì)中,用戶與界面的交互會(huì)更加自然,緩入緩出的動(dòng)畫效果會(huì)更好。

圖片

 

五、注意屏幕間的過(guò)渡

在APP中避免突然從一個(gè)屏幕切換到另一個(gè),應(yīng)該讓用戶有所感知,能夠?yàn)榧磳l(fā)生的操作做好準(zhǔn)備。

每款產(chǎn)品界面的過(guò)渡動(dòng)畫都不太一樣,我們可以充分發(fā)揮想象力,讓這類必備的翻頁(yè)動(dòng)畫過(guò)渡的更有創(chuàng)意。

 

六、添加趣味性

為了讓用戶清楚地了解每一步操作之后的結(jié)果,并讓他們將注意力集中在這一點(diǎn)上,可以讓等待的過(guò)程變得更加具有趣味性。

例如在展示操作錯(cuò)誤的場(chǎng)景中,可以彈出感嘆號(hào)或叉號(hào)來(lái)告訴用戶操作出現(xiàn)了問(wèn)題,以及希望用戶采取的操作。

 

七、劃分層次結(jié)構(gòu)

通過(guò)動(dòng)效設(shè)計(jì),可以很清晰地反映出界面中哪個(gè)元素更重要。因?yàn)樽钪匾脑赝ǔ?huì)在動(dòng)畫的開(kāi)頭就出現(xiàn),優(yōu)先級(jí)最高,方便用戶快速捕捉。

圖片

 

八、提供視覺(jué)提示

對(duì)于剛使用某個(gè)產(chǎn)品的新用戶來(lái)說(shuō),要想完全摸透這個(gè)產(chǎn)品的全部功能,需要花費(fèi)很多的學(xué)習(xí)成本和時(shí)間成本,通過(guò)動(dòng)畫提示,可以顯著降低初次使用產(chǎn)品的門檻。

例如,使用動(dòng)畫提示向新用戶解釋如何處理界面元素或者給出示例。

圖片

 

九、確保動(dòng)畫時(shí)長(zhǎng)與操作相匹配

考慮每一段動(dòng)畫應(yīng)該持續(xù)多長(zhǎng)時(shí)間,這樣用戶就不需要點(diǎn)擊了某個(gè)操作,還要等這段動(dòng)畫結(jié)束了之后,再進(jìn)行下一步操作。

另外,如果動(dòng)畫結(jié)束得太快,可能不利于觀看導(dǎo)致用戶無(wú)法理解。因此在最終上線前,要經(jīng)過(guò)嚴(yán)格的測(cè)試和審核,確保每一段動(dòng)畫的時(shí)長(zhǎng)都能與用戶的目標(biāo)相匹配。

 

十、考慮動(dòng)畫的類型

在設(shè)計(jì)過(guò)程中,我們要根據(jù)產(chǎn)品的調(diào)性和使用場(chǎng)景匹配最合理的動(dòng)畫類型,為產(chǎn)品帶來(lái)錦上添花的效果。

例如,彈跳類型的動(dòng)畫不適用于太過(guò)正式的企業(yè)應(yīng)用或者官網(wǎng)上,同理,過(guò)于單調(diào)、不起眼的動(dòng)畫放在娛樂(lè)類APP中也不太搭配。

 

最后

以上就是動(dòng)畫設(shè)計(jì)值得注意的十個(gè)方法,希望通過(guò)這些內(nèi)容能讓大家進(jìn)一步了解UI/UX設(shè)計(jì)中的動(dòng)畫,讓單調(diào)的界面“動(dòng)”起來(lái)~


作者: Clippp

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》掌握這10條動(dòng)畫設(shè)計(jì)方法,讓單調(diào)的界面“動(dòng)”起來(lái)【UX】

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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



抖音變集團(tuán)啦!還發(fā)布了新 LOGO

seo達(dá)人


圖片

所以說(shuō),設(shè)計(jì)的話題性也是至關(guān)重要的,要嘛是品牌自身的影響,要嘛是設(shè)計(jì)團(tuán)隊(duì)在行業(yè)中的影響力。一個(gè)常規(guī)的設(shè)計(jì)也許很完美,但是不一定被大家所討論,這樣也就是默默的出現(xiàn)再默默的淡化和被接受。具備話題性的設(shè)計(jì),無(wú)論是針對(duì)設(shè)計(jì)好或者不好的討論,至少在營(yíng)銷的角度來(lái)說(shuō),傳播性已經(jīng)足夠了。

圖片

我們言歸正傳,今天黑馬哥也隨波逐流一下,也來(lái)和大家分享一下關(guān)于抖音集團(tuán)的 LOGO 設(shè)計(jì)?!白止?jié)跳動(dòng)”變成了“抖音集團(tuán)”,LOGO 從原來(lái)的四條跳動(dòng)的豎線變成了字母“d”和“y”進(jìn)行藝術(shù)結(jié)合的圖形。這也是為了和抖音產(chǎn)品 LOGO 形成視覺(jué)關(guān)聯(lián),整個(gè)造型非常柔和,就像飄動(dòng)的絲帶一樣青春活潑。

圖片

通過(guò)和抖音的 LOGO 進(jìn)行對(duì)比,抖音集團(tuán)的 LOGO 會(huì)顯得更“正”和具備商務(wù)型的特征。而抖音產(chǎn)品的 LOGO 會(huì)更娛樂(lè)性一些,兩者既有關(guān)聯(lián)性也有差異化。借助抖音的影響力可以讓公司的知名度更高,不過(guò)個(gè)人覺(jué)得字節(jié)跳動(dòng)這個(gè)名字還是挺好的。

圖片

在 LOGO 配色上面,選擇了三種年輕化的顏色:藍(lán)色和綠色,而這個(gè)顏色也是延續(xù)了字節(jié)跳動(dòng)原來(lái)的色系。這三個(gè)顏色組合還是比較容易呈現(xiàn)效果的,藍(lán)色和綠色的搭配在設(shè)計(jì)層面都是比較容易配色的,不僅會(huì)呈現(xiàn)年輕活潑的風(fēng)格,設(shè)計(jì)師進(jìn)行設(shè)計(jì)延展的駕馭度來(lái)說(shuō)也是非常容易的。

圖片

新的字體上面,整個(gè)字形和之前的比較接近,在一些筆畫上面進(jìn)行了微調(diào),比如減弱了“斗”部的筆畫傾斜感。一些圓角的部分改成了直角的表達(dá),封閉圖形部分開(kāi)了一些缺口,字體筆畫更纖細(xì)了一些等等。和 LOGO 圖形部分搭配感還是不錯(cuò)的,也能控制好整體的視覺(jué)平衡度。字形是比較穩(wěn)重的,也符合集團(tuán)公司的特征。

圖片

有很多設(shè)計(jì)師根據(jù)新 LOGO 的圖形風(fēng)格和配色,聯(lián)想到了飛書的產(chǎn)品 LOGO,如果將兩個(gè) LOGO 一起對(duì)比觀看的話,還是有異曲同工之處的。

圖片

下面來(lái)看一下整體的組合效果,對(duì)這個(gè)改變和抖音集團(tuán)的 LOGO 你會(huì)打幾分呢?

圖片

 

設(shè)計(jì)總結(jié):

抖音集團(tuán)的 LOGO 圖形設(shè)計(jì)主要是以名稱首字母進(jìn)行組合,通過(guò)藝術(shù)化的處理形成一個(gè)全新的視覺(jué)符號(hào)?,F(xiàn)在大型的公司都喜歡將品牌符號(hào)化,以此來(lái)強(qiáng)化用戶的記憶度和識(shí)別度。

通過(guò)名稱首字母進(jìn)行 LOGO 圖形設(shè)計(jì)也是較為常用的創(chuàng)意形式,無(wú)論是單個(gè)字母還是多個(gè)字母組合,都很容易搜索到眾多的案例作為設(shè)計(jì)靈感。比如我們?cè)跒g覽器中搜索字母“d”或者字母“y”的 LOGO 設(shè)計(jì),都會(huì)出現(xiàn)非常多的案例,有了初步的案例作為靈感,設(shè)計(jì)的時(shí)候方向感也會(huì)更強(qiáng)一些。

圖片

 

以后大家在進(jìn)行 LOGO 設(shè)計(jì)的時(shí)候,如果沒(méi)有更好的創(chuàng)意想法,就可以試試首字母這個(gè)創(chuàng)意方向。除了字母以外,數(shù)字也是一個(gè)好的方向,只是數(shù)字的重疊性會(huì)更高一些。


作者:黑馬青年

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》抖音變集團(tuán)啦!還發(fā)布了新 LOGO

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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



新手學(xué)習(xí)字體設(shè)計(jì)的高效三步法

seo達(dá)人


一、臨摹

臨摹是新手學(xué)習(xí)任何技能都需要經(jīng)歷的階段,學(xué)字體設(shè)計(jì)自然也不例外。即你要去收集一些優(yōu)秀的字體設(shè)計(jì)作品,然后照著它們來(lái)臨摹。

很多人會(huì)瞧不上臨摹,認(rèn)為照著參考一模一樣做誰(shuí)都會(huì),事實(shí)上真要做起來(lái),很多人都臨摹不好,而且臨摹的方法也不對(duì)。那么,如何正確地臨摹呢?

 

1、不要像摳圖一樣,用鋼筆工具直接沿著參考的外輪廓描摹。

而是要照著參考畫出文字中的主要筆畫,諸如:橫、豎、撇、捺、點(diǎn)、提、勾等,然后,用這些筆畫照著參考的樣子一筆一筆把文字搭建出來(lái)。

圖片

 

2、如果遇到相同的筆劃,不要重新畫。

而應(yīng)該把已有的筆畫直接復(fù)制過(guò)去,有時(shí)可能需要做一點(diǎn)簡(jiǎn)單的變化,這么做可以最大程度上保證筆畫的統(tǒng)一性。

 

3、剛開(kāi)始可以直接在參考的基礎(chǔ)上用筆畫來(lái)搭建文字。

就好似描摹一樣,與參考一一對(duì)應(yīng),等熟練之后可以自行繪制筆畫,通過(guò)視覺(jué)來(lái)確定筆畫的粗細(xì)、長(zhǎng)短、結(jié)構(gòu)、擺放的位置等等。

舉個(gè)例子,如果要臨摹下圖的字體設(shè)計(jì),我們可以先把它的筆劃畫出來(lái),如果抓不住筆劃的特點(diǎn),或者線條畫不流暢,可以在原參考上把筆劃描摹出來(lái)。

圖片

圖片

接著,再根據(jù)參考畫出文字的字框,以確定文字的寬度和高度。

圖片

然后,照著參考在字框里用筆畫把文字組合出來(lái)。

最后,再仔細(xì)觀察文字筆劃的尺寸和位置是否正確,盡量做到與參考一模一樣。

經(jīng)過(guò)一段時(shí)間的臨摹練習(xí),你不僅可以更熟練地使用鋼筆工具,同時(shí)也能掌握一些字體設(shè)計(jì)的風(fēng)格、筆畫特征、字體設(shè)計(jì)的流程等等。

 

 

二、通過(guò)參考,舉一反三

當(dāng)臨摹做得已經(jīng)很熟練以后,就可以開(kāi)始第二步的練習(xí)了,即遵照參考中字體設(shè)計(jì)的風(fēng)格、特點(diǎn),設(shè)計(jì)自己想要的其他文字。其實(shí)在實(shí)際工作中、很多設(shè)計(jì)師也會(huì)用這種方式來(lái)設(shè)計(jì)字體。想要做好這項(xiàng)練習(xí),首先你要做的是對(duì)參考作品進(jìn)行深度的分析。

諸如對(duì)字體類型、字形、字體風(fēng)格、重心位置、中宮松緊、筆畫粗細(xì)、筆畫結(jié)構(gòu)、筆畫的對(duì)齊關(guān)系、有哪些特殊的處理技巧等特點(diǎn)進(jìn)行分析。

比如我想根據(jù)下圖的字體來(lái)設(shè)計(jì)文字:起來(lái)嗨。那么我就先要對(duì)參考中的字體設(shè)計(jì)進(jìn)行分析:

圖片

該字體為無(wú)襯線體,風(fēng)格簡(jiǎn)約而現(xiàn)代,筆劃并沒(méi)有講究嚴(yán)格的對(duì)齊,甚至刻意做了錯(cuò)位處理,各文字的字面大小也不統(tǒng)一,呈現(xiàn)出靈活多變的感覺(jué)、筆劃較粗,橫豎筆劃的粗細(xì)一樣、橫筆劃右端有類似直角三角形的襯線、部分筆劃交匯處會(huì)把橫筆劃做斷開(kāi)處理、點(diǎn)筆劃和個(gè)別捺筆劃被設(shè)計(jì)成圓點(diǎn)、口部首被設(shè)計(jì)成圓圈等等。

把參考的設(shè)計(jì)特點(diǎn)分析出來(lái)以后,緊接著需要把我們想設(shè)計(jì)的文字,用一個(gè)常規(guī)的字體呈現(xiàn)出來(lái),由于參考中的字體設(shè)計(jì)是無(wú)襯線體,所以我們可以選擇黑體作為字體設(shè)計(jì)的觀察對(duì)象,看看該文字中有哪些筆劃可以直接挪用參考中的,有哪些則需要自己來(lái)設(shè)計(jì)。

接下來(lái)就要著手畫草圖了,需要注意的是,參考中的文字做了整體垂直向上傾斜,在設(shè)計(jì)字體的時(shí)候如果直接設(shè)計(jì)成傾斜狀態(tài),那么很多筆劃處理起來(lái)會(huì)不方便,所以最好先設(shè)計(jì)成水平狀態(tài)的,等確認(rèn)無(wú)誤后再做傾斜扭曲。

圖片

另外,在畫草圖的時(shí)候要多做嘗試,對(duì)于原參考中沒(méi)有的筆畫,我們要從現(xiàn)有的筆畫中找到規(guī)律,這些部分的設(shè)計(jì)沒(méi)有絕對(duì)的標(biāo)準(zhǔn),關(guān)鍵是要好看、要協(xié)調(diào)、要與整體的風(fēng)格相符。比如“起”字下邊的“人”筆劃,可以借鑒參考中“辶”的處理方式。

草圖畫好后就可以去電腦上做最后的執(zhí)行了,在執(zhí)行的過(guò)程中需要注意以下幾點(diǎn):

 

1、草圖不是標(biāo)準(zhǔn),只是執(zhí)行的思路。

所以在執(zhí)行的過(guò)程中仍可以進(jìn)行調(diào)整、修改。

圖片

 

2、一邊設(shè)計(jì)一邊規(guī)范。

如果你不是在專業(yè)的創(chuàng)作本上繪制的草圖,那么你的草圖通常是很不嚴(yán)謹(jǐn)?shù)?,那么在電腦上操作的時(shí)候就要邊設(shè)計(jì)邊規(guī)范,比如統(tǒng)一筆劃的粗細(xì)和結(jié)構(gòu)、統(tǒng)一筆劃斷開(kāi)部分的間距、注意某些筆劃之間的對(duì)齊關(guān)系等等。

圖片

 

3、與參考對(duì)比。

字體初步設(shè)計(jì)完以后,要把其與參考放在一起進(jìn)行比較,看看還有沒(méi)有處理不到位、看起來(lái)不夠舒服的地方,水平狀態(tài)調(diào)整完以后,再把文字按照參考的樣子往右上方做傾斜處理,然后繼續(xù)觀察以及做最后的完善。

圖片

圖片

 

 

三、原創(chuàng)字體設(shè)計(jì)

如果你能熟練地做到通過(guò)參考舉一反三,那么你的字體設(shè)計(jì)能力已經(jīng)初步形成,接下來(lái)就可以做原創(chuàng)了。做原創(chuàng)字體設(shè)計(jì)時(shí)我們要注意以下幾點(diǎn):

 

1、做原創(chuàng)也可以找參考。

只不過(guò)不要完全按著一個(gè)參考來(lái)做,我們可以結(jié)合好幾個(gè)參考,也可以在參考的基礎(chǔ)上加入自己的想法、做出一些改變等等。

 

2、設(shè)計(jì)的流程

A.根據(jù)要設(shè)計(jì)的文字、找到符合設(shè)計(jì)需求的參考。比如我需要設(shè)計(jì)的文字是:奇遇驚喜,并想設(shè)計(jì)成有種浪漫、古風(fēng)的感覺(jué)。所以我找了下圖的字體來(lái)做參考(造字工房逸鋒體),該字體字形修長(zhǎng)、結(jié)合了宋體和黑體的特性,筆劃?rùn)M細(xì)數(shù)粗但沒(méi)有襯線,現(xiàn)代而優(yōu)雅。

圖片

B.加入自己的想法。用常規(guī)的的字庫(kù)字體把要設(shè)計(jì)的文字呈現(xiàn)出來(lái),與參考放在一起進(jìn)行構(gòu)思。參考中的字體雖然現(xiàn)代而優(yōu)雅、但是作為字庫(kù)字體,獨(dú)特性自然會(huì)有所欠缺,另外筆畫還是略過(guò)復(fù)雜,沒(méi)有古風(fēng)和浪漫的感覺(jué),所以我想把筆畫繼續(xù)做一些簡(jiǎn)化,并加入祥云圖形。

圖片

圖片

C.畫草圖。

可以先畫文字的骨骼部分,以確定文字的基本架構(gòu),文字的骨骼決定了文字的基本氣質(zhì),比如高矮胖瘦、中宮松緊、重心高低、筆畫走勢(shì)等等,這也是設(shè)計(jì)師可以大做文章的地方,很多優(yōu)秀的字體,在骨骼上就與普通字體有著很大的差異。這里我把文字的骨架設(shè)計(jì)得比參考更為修長(zhǎng)。

圖片

骨骼畫好以后,再添加字體的肉身,即筆形,筆形決定了筆劃的粗細(xì)、端點(diǎn)、襯線、筆劃交匯處的處理等細(xì)節(jié)效果,這些部分的變化也非常多,設(shè)計(jì)師可以根據(jù)文字本身的特點(diǎn)和參考進(jìn)行多種嘗試。

圖片

作為字體設(shè)計(jì)師,了解一些不同筆形的處理技法也很有必要。

圖片

▲ 部分橫筆畫的筆形表現(xiàn)。

D.把草圖導(dǎo)入到設(shè)計(jì)軟件中執(zhí)行。草圖畫好以后就可以去電腦上執(zhí)行了,執(zhí)行的步驟和注意事項(xiàng)與“舉一反三”里提到的差不多。

圖片

 

3、注意文字的統(tǒng)一性。

在設(shè)計(jì)字體時(shí),要注意整體的統(tǒng)一性,要讓人感覺(jué)到這是一套字體,所以原則上來(lái)說(shuō),每個(gè)字的字面大小、重心位置、中宮、相同的筆畫等等,都要統(tǒng)一起來(lái),當(dāng)然,不包括某些為了效果靈活而刻意作出的一些特殊處理。

圖片

圖片

 

 

圖片

臨摹、舉一反三、原創(chuàng),簡(jiǎn)單的三步就能幫你從一個(gè)新手變成一個(gè)熟手,其實(shí)除了字體設(shè)計(jì),很多其他類型的設(shè)計(jì)同樣是這個(gè)道理。當(dāng)然,最重要的是你要能走出第一步,先做起來(lái),然后要堅(jiān)持下去。


作者:蔥爺

轉(zhuǎn)載請(qǐng)注明:學(xué)U網(wǎng)》新手學(xué)習(xí)字體設(shè)計(jì)的高效三步法

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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



韓國(guó)頂尖設(shè)計(jì)團(tuán)隊(duì)PlUS X,5年前的作品集包裝套路,今天依然好用!

seo達(dá)人

一、項(xiàng)目背景及推導(dǎo)

在開(kāi)頭先放獲得IF大獎(jiǎng)作為證據(jù),佐證作品質(zhì)量,讓讀者有一個(gè)比較好的心理印象。我們?cè)谧髌分姓故咀髌窌r(shí),也可以把自己獲得的榮譽(yù)放在最前面,有一個(gè)霸氣的開(kāi)場(chǎng)。

圖片

項(xiàng)目目標(biāo)。關(guān)鍵詞的推導(dǎo),這部分的推導(dǎo)一定要簡(jiǎn)潔合理,太多人喜歡在這部分寫很多文字,然后又沒(méi)有把關(guān)鍵詞可視化,容易被忽略。

圖片

品牌愿景。說(shuō)明產(chǎn)品最終想要達(dá)到什么樣的狀態(tài),通過(guò)平臺(tái)作為橋梁滿足用戶的訴求。

圖片

品牌特色。介紹這個(gè)產(chǎn)品主要的特點(diǎn)。

圖片

品牌設(shè)計(jì)原則。從品牌特色中提煉核心原則,并通過(guò)這些最核心的關(guān)鍵詞,指導(dǎo)接下來(lái)的所有視覺(jué)設(shè)計(jì)。

圖片

全局概覽。把品牌設(shè)計(jì)過(guò)程稿和結(jié)果都放在一起,展示工作量以及全局概念。

圖片

最終結(jié)果。動(dòng)態(tài)展示最終的Logo。

 

二、規(guī)范體系

介紹完項(xiàng)目整體情況后,這一步開(kāi)始介紹整個(gè)設(shè)計(jì)體系。

Logo系統(tǒng)。講這個(gè)logo是如何設(shè)計(jì)出來(lái)的,會(huì)發(fā)現(xiàn)它的每一個(gè)詞用的都挺準(zhǔn)確的,很有代入感。

圖片

主要應(yīng)用形式

圖片

顏色系統(tǒng)。給顏色一些解釋說(shuō)明。

圖片

在Logo上的應(yīng)用

圖片

視覺(jué)主題系統(tǒng)。品牌的超級(jí)符號(hào)延展出的風(fēng)格調(diào)性。

圖片

A、傾斜式設(shè)計(jì)

圖片

圖片

B、折紙符號(hào)

圖片

異化的疊紙符號(hào)

圖片

圖片

圖標(biāo)體系。圖標(biāo)這里的風(fēng)格很容易看出是品牌風(fēng)格的延續(xù),也是品牌特征常用的做法,利用品牌超級(jí)符號(hào)中的某個(gè)特征應(yīng)用到其他各個(gè)視覺(jué)觸點(diǎn)上。

圖片

圖片

字體規(guī)范。通過(guò)排版將故事傳遞給用戶。一致使用適當(dāng)?shù)淖煮w可以建立強(qiáng)烈的品牌個(gè)性。合適的排版,例如使用各種不同字重和信息層次結(jié)構(gòu),將 KakaoPage 變成一個(gè)友好、體貼和值得信賴的品牌。

圖片

動(dòng)效系統(tǒng)。它也有2個(gè)不同的動(dòng)態(tài)形式,動(dòng)態(tài)的背景切割方式,能看出來(lái)都與品牌有高度一致性。

圖片

圖片

 

三、品牌應(yīng)用

品牌應(yīng)用圖標(biāo)。會(huì)根據(jù)Android和iOS系統(tǒng)要求,用不同的規(guī)范背板設(shè)計(jì)應(yīng)用圖標(biāo)。

圖片

APP設(shè)計(jì),能看出來(lái)APP的設(shè)計(jì)其實(shí)也是品牌的一種延續(xù)應(yīng)用,品牌是一個(gè)可以包攬全局的概念,幾乎無(wú)處不在。

這也是高級(jí)UI設(shè)計(jì)師常用到的技法,抽象出品牌的超級(jí)符號(hào),比如這里就是品牌顏色和斜角的運(yùn)用,用在角標(biāo)、背景圖案、選項(xiàng)卡和圖標(biāo)等元素中。使得整個(gè)設(shè)計(jì)與品牌保持高度的一致性。

圖片

圖片

在一些媒體平臺(tái),都會(huì)盡可能地讓品牌圖形進(jìn)行露出,并且保持品牌風(fēng)格的一致性。

圖片

圖片

在名片、信封、卡片、包裝袋、書籍、易拉寶、廣告牌、運(yùn)用廣告等各種不同場(chǎng)景下的運(yùn)用,也都會(huì)用到品牌符號(hào),使得品牌更加具備識(shí)別度和統(tǒng)一性。

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

最后再次展示Logo,通過(guò)動(dòng)效,品牌符號(hào)等給用戶加深印象。

圖片

到這里,一套非常完整優(yōu)秀的設(shè)計(jì)作品展示就做完了。以上包裝思路是該團(tuán)隊(duì)5年前的作品,到今天依然是各大品牌方案的包裝套路,堪稱經(jīng)典!



作者:彩云Sky

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》韓國(guó)頂尖設(shè)計(jì)團(tuán)隊(duì)PlUS X,5年前的作品集包裝套路,今天依然好用!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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



ISUX「八月」行業(yè)設(shè)計(jì)趨勢(shì)速遞

seo達(dá)人

一、Facebook一個(gè)帳號(hào)可綁定5個(gè)不同的資料卡 

Facebook 正在內(nèi)測(cè)讓用戶可以將最多五個(gè)單獨(dú)的個(gè)人資料綁定到一個(gè)帳戶。資料不需要包含用戶的真實(shí)姓名和身份信息。

用戶可以將不同的個(gè)人資料專用于他們想要聯(lián)系的特定群體,例如一個(gè)專用于他們的朋友的 Facebook 訂閱源和另一個(gè)只為他們的同事提供的訂閱源。

允許用戶“根據(jù)他們的興趣和關(guān)系個(gè)性化他們的體驗(yàn)”,預(yù)期增加用戶間的互動(dòng)和帖子數(shù)。

圖片

 

二、ins上線了dual相機(jī)功 

ins相機(jī)上線了dual相機(jī)功能,用戶可同時(shí)打開(kāi)前后攝像頭,合成畫面。

今年爆火的新產(chǎn)品BeReal的主打功能之一就是同時(shí)打開(kāi)前后置攝像頭,以達(dá)到展示展示自己的目的。

圖片

 

三、Apple 申請(qǐng) VR 指尖追蹤設(shè)備專利 

Apple 正在申請(qǐng)一項(xiàng)新專利,此種手套可用于手勢(shì)控制,在某些場(chǎng)景還能提供觸覺(jué)反饋。根據(jù)專利描述,Apple 想開(kāi)發(fā)一種附著于指尖的設(shè)備,設(shè)備上有傳感器,支持觸覺(jué)反饋。傳感器附著于手背面的手指上,傳感器可以偵測(cè)動(dòng)作,提供某種形式的觸覺(jué)反饋。指環(huán)可以戴在指尖,由指甲固定住,以便判斷是一根手指還是多根手指進(jìn)行互動(dòng),而信息將反饋到手背上的控制單元,従而連接到計(jì)算機(jī)。

圖片

圖片

 

四、iOS近期開(kāi)發(fā)者預(yù)覽版值得關(guān)注的三個(gè)更新點(diǎn) 

1、電池支持展示百分比 

圖片

由于空間限制,多年來(lái)搭載劉海屏的 iPhone 一直無(wú)法使用電池百分比,此次更新后,狀態(tài)欄中的可顯示確切的電池百分比,該功能可以在“設(shè)置”應(yīng)用的“電池”部分進(jìn)行開(kāi)啟。

2、鎖定屏幕的音樂(lè)視覺(jué)化播放圖形 

iOS 16 Beta 3 添加了全屏音樂(lè)播放器,Beta 5 引入了實(shí)時(shí)迷你可視化圖形,可隨音頻播放變化。且會(huì)與新的按鈕動(dòng)畫相結(jié)合,當(dāng)點(diǎn)擊播放 / 暫停按鈕或前進(jìn)后退按鈕時(shí),它們會(huì)有新的動(dòng)畫,動(dòng)畫感覺(jué)非常優(yōu)美和流暢,并提供了很好的細(xì)節(jié)。

圖片

3、屏幕截圖新增【復(fù)制并刪除】 

當(dāng)截取屏幕截圖,對(duì)其進(jìn)行編輯后點(diǎn)擊“完成”時(shí),出現(xiàn)了一個(gè)新選項(xiàng),可以“復(fù)制和刪除”屏幕截圖,而不僅僅是刪除它。這允許用戶復(fù)制圖像以粘貼到任何其他應(yīng)用程序,而無(wú)需先將圖像保存到照片應(yīng)用程序。

圖片

 

五、YouTube支持視頻雙指縮放 

(點(diǎn)擊上圖前往原文查看視頻)

近 YouTube 推出了【雙指縮放影片】的功能,能夠直接放大來(lái)觀看影片細(xì)節(jié),并開(kāi)放給會(huì)員搶先試用。

目前 YouTube 已正式向 Premium 推出這項(xiàng)功能,只要雙指輕觸撥動(dòng)屏幕,就能自行縮放畫面大小,不管是橫屏還是豎屏都有支援,畫面最高可以放大到 8 倍。和全屏模式相比,縮放功能可以讓用戶更清楚地看到畫面上的細(xì)節(jié)。如果你已經(jīng)是 YouTube Premium 的會(huì)員,可通過(guò)手機(jī)版 YouTube 【會(huì)員福利】>【試用新功能】,就會(huì)看到此功能,點(diǎn)選后即可使用。

 

六、YouTube TV正在開(kāi)發(fā)同時(shí)觀看四個(gè)直播流的功能

YouTube TV 正在開(kāi)發(fā)一些新功能——“Mosaic Mode”,可以讓觀眾同時(shí)觀看多個(gè)直播(最多四個(gè))。雖然谷歌仍未回應(yīng),但多畫面同時(shí)播放在體育直播中特別受歡迎。像FuboTV 是一項(xiàng)以體育為重點(diǎn)的直播電視流媒體服務(wù),具有多視圖功能,最多允許同時(shí)進(jìn)行四個(gè)流。在索尼的 PlayStation Vue 服務(wù)關(guān)閉之前,它有一個(gè)類似的功能,在想要同時(shí)傳輸多個(gè)頻道的用戶中很受歡迎,這一戰(zhàn)略舉措對(duì)谷歌來(lái)說(shuō)是有意義的。

圖片

 

七、NGL匿名問(wèn)答應(yīng)用登頂APP Store

NGL的全稱為“Not Gonna Lie”,是一款流行匿名社交軟件。NGL只需要用戶填寫上自己在Instagram社交平臺(tái)的昵稱就可以成功注冊(cè)。進(jìn)入App后,NGL會(huì)為用戶提供不同的問(wèn)題選擇,并最終將用戶需要提問(wèn)的問(wèn)題生成一個(gè)專屬鏈接和一個(gè)分享截圖。

圖片

 

八、0Zero 零重力瀏覽器

傳統(tǒng)瀏覽器打開(kāi)多個(gè)頁(yè)面時(shí),會(huì)以tab的形式切換。此款瀏覽器打開(kāi)多個(gè)網(wǎng)頁(yè)時(shí),會(huì)在一個(gè)畫布上平鋪展示所有打開(kāi)的網(wǎng)頁(yè)。

圖片

(點(diǎn)擊上圖前往原文查看視頻)

九、糖果APP設(shè)置 avatar新方式

糖果APP是一個(gè)虛擬形象陌生人社交應(yīng)用。傳統(tǒng)創(chuàng)建avatar的方式都是用戶自行捏臉。而糖果是在注冊(cè)時(shí),通過(guò)用戶選擇興趣標(biāo)簽自動(dòng)匹配一個(gè)avatar形象。極大的降低了創(chuàng)建成本。

圖片

 

十、Snapchat推出網(wǎng)頁(yè)版及首款A(yù)R游戲 

1、Snapchat推出網(wǎng)頁(yè)版 

(點(diǎn)擊上圖前往原文查看視頻)

Snapchat最近布推出“網(wǎng)絡(luò)版 ”,支持消息聊天、發(fā)送快照、視頻通話、表情反應(yīng)等核心功能,且計(jì)劃在未來(lái)將其Lenses功能引入視頻通話。登錄網(wǎng)絡(luò)版Snapchat后會(huì)同步你手機(jī)上的信息,繼續(xù)你在手機(jī)上的對(duì)話。通過(guò)桌面使用Snapchat時(shí),用戶的Bitmoji將出一個(gè)筆記本電腦的圖標(biāo),向其他人表明你是通過(guò)Snapchat for Web訪問(wèn)聊天的。

此外,網(wǎng)絡(luò)版本的體驗(yàn)還包括隱私屏幕特性:如你點(diǎn)擊離開(kāi)去完成另一項(xiàng)工作,軟件就會(huì)隱藏Snapchat窗口;通過(guò)Snapchat for Web發(fā)送的信息將在24小時(shí)后自動(dòng)刪除;防止人們進(jìn)行截圖。

Snap發(fā)言人對(duì)外介紹產(chǎn)品情況時(shí)說(shuō),Snapchat上的通話者平均每天要花30多分鐘的時(shí)間進(jìn)行通話。盡管仍將自己視為一個(gè)移動(dòng)優(yōu)先的平臺(tái),但Snap表示,在聽(tīng)取了用戶的反饋后,它決定是時(shí)候?qū)napchat的核心功能引入電腦端。但網(wǎng)絡(luò)版當(dāng)前僅對(duì)部分地區(qū)的Snapchat+用戶提供,暫時(shí)不支持中國(guó)區(qū)。

2、Snapchat推出首款A(yù)R游戲《Ghost Phone》 

(點(diǎn)擊上圖前往原文查看視頻)

Snapchat 推出一款新的游戲內(nèi)應(yīng)用程序《Ghost Phone》,這是snapchat發(fā)布的第一款 AR 游戲,可將智能手機(jī)變成 AR 驅(qū)動(dòng)的設(shè)備?!禛host Phone》是使用 Snap 的專用濾鏡創(chuàng)建工具 Lens Studio 構(gòu)建的,使用 World Mesh 技術(shù),可以進(jìn)行更準(zhǔn)確的跟蹤。在游戲中,玩家需要搜索隱藏在短信中的線索,并使用智能手機(jī)的相機(jī)捕捉超自然實(shí)體。

「Ghost Phone」根據(jù)Snap旗下鏡頭創(chuàng)建工具Lens Studio構(gòu)建,該應(yīng)用支持World Mesh技術(shù),從而實(shí)現(xiàn)更準(zhǔn)確追蹤。

 

十一、Whatsapp在線狀態(tài)支持設(shè)置可見(jiàn)范圍及語(yǔ)音狀態(tài)  

WhatsApp的在線狀態(tài)功能,近期新增了設(shè)置狀態(tài)權(quán)限設(shè)置,憑借此功能,用戶不僅可以設(shè)置可以看到自己的最近狀態(tài),還可以設(shè)置誰(shuí)可以看到我在線,讓用戶可以更精細(xì)的控制自己的隱私。

除此之外,WhatsApp 最近還在測(cè)試新增的“語(yǔ)音狀態(tài)”功能。如下圖右圖所示,狀態(tài)選項(xiàng)卡底部有一個(gè)新圖標(biāo),可以讓我們快速向我們的狀態(tài)更新語(yǔ)音狀態(tài)。此語(yǔ)音狀態(tài)只會(huì)與你在狀態(tài)隱私設(shè)置中選擇的人共享。

圖片

 

十二、WhatsApp 發(fā)布 Windows 桌面版應(yīng)用程序 

過(guò)去 Windows 用戶必須下載 WhatsApp 的網(wǎng)頁(yè)端桌面應(yīng)用,或是通過(guò)網(wǎng)頁(yè)瀏覽器來(lái)訪問(wèn) WhatsApp,如今面向 Windows 用戶的桌面端應(yīng)用全新發(fā)布,通過(guò)原生的應(yīng)用程序,WhatsApp 能帶給用戶更快、更流暢的體驗(yàn)。重新設(shè)計(jì)的 WhatsApp 提供了更簡(jiǎn)潔的界面,WhatsApp 表示正在為 MacOS 開(kāi)發(fā)原生應(yīng)用。

圖片

圖片

 

十三、Meta 聊天機(jī)器人 BlenderBot 3 登場(chǎng) 

Meta 釋出了第三代聊天機(jī)器人 BlenderBot 3,奠基于 1,750 億個(gè)參數(shù)的 OPT-175B 語(yǔ)言模型,BlenderBot 3 使用了更多的資料集,其對(duì)話效能比上一代提升 31%,知識(shí)能力是前一代的兩倍,錯(cuò)誤率則少了 47%,BlenderBot 3 互動(dòng)界面目前僅于美國(guó)市場(chǎng)開(kāi)放。Meta 指出,BlenderBot 系列在各種對(duì)話技巧上日益進(jìn)步,除了個(gè)性、同理心與知識(shí),還結(jié)合了長(zhǎng)期記憶,并能通過(guò)網(wǎng)絡(luò)搜索來(lái)進(jìn)行有意義的對(duì)話。

圖片

鏈接:https://geo-not-available.blenderbot.ai/

聊天機(jī)器人不免會(huì)模仿或?qū)W習(xí)到不安全、帶偏見(jiàn)或冒犯的言論,Meta 對(duì)此展開(kāi)了大規(guī)模的研究,發(fā)展各種新技術(shù)建立保障措施。即便如此,BlenderBot 3 仍可能說(shuō)出無(wú)禮或冒犯的內(nèi)容,Meta 因而決定讓用戶與其互動(dòng),讓用戶能在 BlenderBot 3 的回答上給予好評(píng)或負(fù)評(píng),并注明評(píng)論的理由,協(xié)助 Meta 改善 BlenderBot 3。

圖片

 

十四、Messenger 測(cè)試默認(rèn)點(diǎn)對(duì)點(diǎn)加密功能 

Messenger 自 2016 年起提供點(diǎn)對(duì)點(diǎn)加密功能,但用戶需對(duì)每個(gè)會(huì)話逐一設(shè)置,手動(dòng)打開(kāi)點(diǎn)對(duì)點(diǎn)加密功能。

如今 Facebook 計(jì)劃挑選少數(shù) Messenger 用戶,默認(rèn)啟用點(diǎn)對(duì)點(diǎn)加密通信功能。除了向文本和圖片消息提供點(diǎn)對(duì)點(diǎn)加密,語(yǔ)音通話也會(huì)提供點(diǎn)對(duì)點(diǎn)加密。此外,F(xiàn)acebook 還會(huì)測(cè)試其他相關(guān)功能,例如消息在一個(gè)設(shè)備刪除后,也會(huì)在其他設(shè)備消失、點(diǎn)對(duì)點(diǎn)加密環(huán)境下取消發(fā)送、回復(fù) Facebook Stories 等。

圖片

Facebook 也會(huì)為 Messenger 部分功能進(jìn)行更新,例如消息在一定時(shí)間后自動(dòng)消失,也會(huì)測(cè)試新的安全存儲(chǔ)功能,讓用戶將已加密的對(duì)話內(nèi)容備份到云計(jì)算存儲(chǔ)。

圖片

 

十五、Telegram更新了互動(dòng)表情 

Telegram此次更新包括:自定義動(dòng)畫表情符號(hào)、交互式自定義表情符號(hào)、iOS上的新貼紙、Gif和表情符號(hào)面板、贈(zèng)送Telegram Premium 作為禮物的能力以及語(yǔ)音消息的新隱私設(shè)置等等。

圖片

1、自定義動(dòng)畫表情 

Telegram推出開(kāi)放表情符號(hào)平臺(tái),任何人都可以為Telegram premium用戶上傳獨(dú)特的自定義表情符號(hào)。并且新的動(dòng)畫表情符號(hào)可以包含在消息文和媒體標(biāo)題中,高級(jí)版用戶最初可訪問(wèn)10個(gè)初始自定義表情包,其中包含了500多個(gè)高級(jí)表情符號(hào)。

(點(diǎn)擊上圖前往原文查看視頻)

當(dāng)在輸入框輸入信息時(shí),貼紙按鈕將變成一個(gè)表情按鈕,點(diǎn)擊即打開(kāi)表情符號(hào)面板,因此用戶可以快速瀏覽并添加自己上傳的表情包。

2、新增了一批可交互式表情 

Telegram在表情制作中投入了很多精力,在新版本中又新增了一批可交互式的emoji表情,當(dāng)用戶發(fā)送出去后,好友點(diǎn)擊即自動(dòng)播放表情符號(hào)的全屏效果。

(點(diǎn)擊上圖前往原文查看視頻)

3、語(yǔ)音信息的隱私設(shè)置 

Telegram Premium用戶增加一個(gè)新設(shè)置,允許他們控制誰(shuí)能夠向他們發(fā)送語(yǔ)音和視頻消息、同樣也可以選擇從不或始終向您發(fā)送語(yǔ)音消息的特定人員或用戶組。

圖片

4、向親友贈(zèng)送會(huì)員 

今年夏天,Telegram的活躍用戶突破了7億,并推出了 Telegram Premium會(huì)員服務(wù),已是會(huì)員的用戶還可以向親友贈(zèng)送Premium預(yù)付費(fèi)訂閱服務(wù),除了享受一定的折扣價(jià)購(gòu)買外,贈(zèng)送的訂閱將以特殊消息的形式出現(xiàn)在與親友的聊天中,并生成一個(gè)特殊的動(dòng)畫禮品盒,極具送禮的儀式感。

 

十六、OPPO發(fā)布全新一代ColorOS 13操作系統(tǒng) 

(點(diǎn)擊上圖前往原文查看視頻)

2022年8月30日,OPPO開(kāi)發(fā)者大會(huì)(ODC22)上,全新一代ColorOS 13操作系統(tǒng)與「潘塔納爾」智慧跨端系統(tǒng)正式發(fā)布。全面升級(jí)的ColorOS 13以「水生萬(wàn)物」為理念,對(duì)整體UI以及一些體驗(yàn)進(jìn)行了優(yōu)化。全新的「水生設(shè)計(jì)」,從水在自然界中的運(yùn)動(dòng)方式汲取靈感,進(jìn)一步增強(qiáng)了UI和動(dòng)畫在視覺(jué)上的流暢與包容性。在界面、圖標(biāo)、按鈕顏色上也用了大量的藍(lán)色,呼應(yīng)“水”的主題。

圖片

另外,此次更新也帶了一些新的功能和亮點(diǎn)體驗(yàn)。

1、個(gè)性形象使用場(chǎng)景更多且更具包容性 

ColorOS 13對(duì)Omoji也進(jìn)行了更多創(chuàng)意升級(jí),新增大量與社會(huì)身份和興趣愛(ài)好等相關(guān)的創(chuàng)意素材,比如代表醫(yī)護(hù)工作人員的“大白”形象,及流行的漢服、滑雪服,更豐富的五官、臉型、頭型、飾品等素材。用戶可以在社交應(yīng)用中直接套用自己的Omoji個(gè)性形象,亦可為聯(lián)系?創(chuàng)建Omoji,來(lái)電時(shí)即可顯示對(duì)方的專屬形象?;蚴窃谂臄z時(shí)使用自己的個(gè)性形象拍攝。

圖片

圖片

2、更智慧和有趣的息屏 

ColorOS 13對(duì)息屏做了全新升級(jí),推出“智慧息屏“。在打開(kāi)智慧息屏的場(chǎng)景化信息功能后,當(dāng)用戶處于外賣、叫車或聽(tīng)歌場(chǎng)景時(shí),智慧息屏就會(huì)主動(dòng)感知相關(guān)應(yīng)用狀態(tài),并實(shí)時(shí)顯示訂單或歌單進(jìn)程,無(wú)需反復(fù)亮屏查看。而當(dāng)你在聽(tīng)歌時(shí),「智慧息屏」還會(huì)顯示音樂(lè)播放控制器,你可以很便捷地進(jìn)行暫停、切歌、收藏等操作,ColorOS 13還會(huì)根據(jù)你的喜好為你智能地推薦歌單,做到了真正的省心和貼心。

圖片

此外,息屏還可設(shè)置多種樣式,包括豐富的圖形、動(dòng)態(tài)動(dòng)物家園、以及時(shí)光息屏。其中家園息屏?xí)鶕?jù)每日氣溫變化,揭示動(dòng)物們賴以生存的家園變遷,呼吁大家關(guān)注氣候變化。時(shí)光息屏?xí)谀忝恳淮螁拘咽謾C(jī)后,在彩帶上留下獨(dú)特刻痕,使用時(shí)間越長(zhǎng)刻痕越寬。

圖片

(點(diǎn)擊上圖前往原文查看視頻)

3、有趣又實(shí)用的綻放壁紙 

時(shí)下人們對(duì)數(shù)字健康越發(fā)關(guān)注,手機(jī)使用時(shí)長(zhǎng)的增長(zhǎng)和不可控性已成為當(dāng)下話題。綻放壁紙讓屏幕使用時(shí)長(zhǎng)可視化,嫩芽成長(zhǎng)為葉片的過(guò)程,模擬時(shí)間的流逝。設(shè)定一個(gè)使用時(shí)長(zhǎng)目標(biāo),當(dāng)超過(guò)目標(biāo)后,葉片從有機(jī)轉(zhuǎn)為工藝品材質(zhì),暗含美的稍縱即逝。同時(shí)葉片顏色代表過(guò)去一小時(shí)內(nèi)使用最多的應(yīng)用圖標(biāo)顏色,實(shí)時(shí)變化,將個(gè)性化和數(shù)字健康完美融合。

(點(diǎn)擊上圖前往原文查看視頻)

4、更便捷的大文件夾 

在新的系統(tǒng)中,支持對(duì)原有文件夾進(jìn)行放大為九宮格大文件夾,可以直接點(diǎn)擊打開(kāi) App。

5、智能會(huì)議助手支持整理會(huì)議紀(jì)要

會(huì)議當(dāng)中的紀(jì)要整理一直都是讓打工人頭疼的難題,畢竟漏記、錯(cuò)記、反復(fù)回聽(tīng)錄音是大部分職場(chǎng)人在整理會(huì)議紀(jì)要時(shí)常常遇到的痛點(diǎn)。為此,ColorOS?13?智能會(huì)議助手帶來(lái)了紀(jì)要智能整理的功能,讓你不遺漏會(huì)議中的每個(gè)重點(diǎn)。開(kāi)會(huì)時(shí),呼出智能側(cè)邊欄「字幕轉(zhuǎn)記」功能,自動(dòng)記錄會(huì)議截圖和筆記,會(huì)后生成圖文并茂的會(huì)議紀(jì)要,便于回顧復(fù)盤,再也不需要反復(fù)回聽(tīng)會(huì)議錄音,無(wú)需提筆即可記錄重要信息。目前,紀(jì)要智能整理支持釘釘、飛書會(huì)議、騰訊會(huì)議、Zoom、Goole?Meet以及Team。

圖片

更多ColorOS 13功能可以移步查看:https://www.youtube.com/watch?v=9da1ktqjPy0

 

十七、微信iOS迎來(lái)8.0.27正式版本更新 

1、我的二維碼支持更換樣式 

在微信-掃一掃-我的二維碼頁(yè)面下方點(diǎn)擊【換個(gè)樣式】后,二維碼可更換不同風(fēng)格,還有全屏背景顏色版,更現(xiàn)代更美觀了。目前有 10 種樣式可供用戶選擇。

2、統(tǒng)一音視頻懸浮窗體驗(yàn) 

此前小視頻、一起聽(tīng)、直播懸浮窗各異,此次對(duì)懸浮窗樣式進(jìn)行了統(tǒng)一優(yōu)化,同時(shí)在還在細(xì)節(jié)體驗(yàn)上也做了優(yōu)化,不在支持多個(gè)音視頻同時(shí)播放,最多只能展示一個(gè)懸浮窗。且在已有一個(gè)視頻懸浮窗,如直播懸浮窗時(shí),再進(jìn)入進(jìn)入小視頻,懸浮窗會(huì)自動(dòng)暫停并收折。

3、公眾號(hào)支持長(zhǎng)截圖 

蘋果手機(jī)一直不支持長(zhǎng)截圖(雖然手機(jī) Safari 瀏覽器可以長(zhǎng)截圖)。這次更新后,閱讀公眾號(hào)文章時(shí),手機(jī)先截屏,右下角會(huì)出現(xiàn)一個(gè)「保存整頁(yè)為圖片」的按鈕,公眾號(hào)文章都好用。

圖片

4、個(gè)人狀態(tài)及朋友圈權(quán)限更新 

個(gè)人狀態(tài)除了狀態(tài)表情圖標(biāo)外,現(xiàn)在還可以展示文字;朋友圈動(dòng)態(tài)中,針對(duì)已發(fā)送的動(dòng)態(tài),支持修改可見(jiàn)范圍。

 

十八、Snapchat支持雙攝像頭拍攝

圖片

Snapchat在8月29日推出了雙攝像頭功能,該更新使用戶能夠同時(shí)使用手機(jī)的前置和后置攝像頭拍攝照片和視頻,讓用戶從多角度拍攝需要分享的內(nèi)容。打開(kāi)你的 Snapchat,在相機(jī)工具欄中看到一個(gè)新圖標(biāo)。只需輕輕一按,就可以開(kāi)始創(chuàng)建快照和故事,或者更精美的 Spotlight 視頻。雙攝像頭是一種創(chuàng)造性的方式,讓我們可以更好的捕捉激動(dòng)人心的時(shí)刻。雙攝像頭有垂直、水平、畫中畫和摳圖四種布局。Snapchatter 還可以添加心愛(ài)的 Snapchat 創(chuàng)意工具,包括音樂(lè)、貼紙和鏡頭。雙攝像頭已經(jīng)支持 iOS 端,未來(lái)幾個(gè)月將支持 Android。

 

十九、百事的元宇宙是品牌年輕化的新嘗試 

最近,知名飲料品牌百事發(fā)起一場(chǎng)基于元宇宙生態(tài)的顛覆性營(yíng)銷活動(dòng),就為品牌營(yíng)銷4.0時(shí)代貢獻(xiàn)了一出經(jīng)典案例。以元宇宙為營(yíng)銷觸角,通過(guò)對(duì)百事概念店的全面升級(jí),開(kāi)啟百事元宇宙新紀(jì)元,邀請(qǐng)Z世代體驗(yàn)一場(chǎng)沉浸式虛實(shí)交互的演唱會(huì),百事家族虛擬偶像TEAM PEPSI搭檔活力無(wú)限的年輕用戶,通過(guò)潮流音樂(lè)的無(wú)縫跨界,共創(chuàng)無(wú)限可能的未來(lái)第三空間。

(點(diǎn)擊上圖前往原文查看視頻)

百事通過(guò)元宇宙來(lái)對(duì)百事的“百事蓋念店”進(jìn)行升級(jí)。百事的宣傳重點(diǎn)偏向于Z世代。在由元宇宙驅(qū)動(dòng)更立體多面的新場(chǎng)域中,Z世代期待能享有更多主導(dǎo)權(quán),共同參與創(chuàng)建“未來(lái)”的過(guò)程,創(chuàng)造力即第一生產(chǎn)力,而熱愛(ài)驅(qū)動(dòng)創(chuàng)造。

圖片

百事設(shè)計(jì)了4個(gè)虛擬形象,它們分別對(duì)應(yīng)了百事家族四大品牌的視覺(jué)主色調(diào)。還特意弄了一個(gè)演唱會(huì),讓人夢(mèng)回炫舞團(tuán)的感覺(jué)。

為了鼓勵(lì)更多年輕人參加,在「百事可樂(lè)潮音夢(mèng)境」的預(yù)約階段,百事就向全國(guó)年輕人發(fā)出了一份盛大邀請(qǐng),讓用戶可以通過(guò)DIY填詞的方式,參與演唱會(huì)的聯(lián)合共創(chuàng),釋放對(duì)百事品牌和未來(lái)音樂(lè)的想象。參與者不僅可以得到以百事家族虛擬偶像為封面的專屬演唱會(huì)門票,所寫歌詞還會(huì)隨機(jī)出現(xiàn)在Live House現(xiàn)場(chǎng),讓更多人看到。

 

二十、網(wǎng)易二次元元宇宙社交軟件Fancy 

繼日本的REALITY和韓國(guó)的#Me大火以后,網(wǎng)易也開(kāi)始研發(fā)類似的二次元元宇宙社交軟件,悄悄地在泰國(guó)App Store又上線了一款名為“Fancy – avatar live party”的虛擬化身語(yǔ)音聊天社區(qū)應(yīng)用,再度加碼針對(duì)年輕用戶群體的虛擬社交產(chǎn)品。

Fancy與REALITY和#Me相比畫風(fēng)的區(qū)別還是很明顯的。該產(chǎn)品的主要特點(diǎn)為“語(yǔ)音聊天社區(qū)”和“虛擬化身”在“Fancy”中,當(dāng)用戶創(chuàng)建了自己的虛擬形象后,就可以加入社交活動(dòng)中,除了傳統(tǒng)的文字聊天,“Fancy”主打的功能之一就是“派對(duì)房(Party Room)”。

圖片

該房間最高支持9人同時(shí)在線。在派對(duì)房里,用戶不僅可以和好友語(yǔ)音聊天、互動(dòng),當(dāng)開(kāi)啟AI人臉識(shí)別功能后,AI會(huì)識(shí)別用戶的眨眼、說(shuō)話等狀態(tài),虛擬化身的表情也會(huì)與玩家的表情同步。

圖片

 

二十一、TikTok 推出AI綠幕圖像生成器 

最近, TikTok 的特效菜單下,增加了一個(gè)名叫“AI 綠幕” (AI Greenscreen) 的新選項(xiàng)。點(diǎn)擊這個(gè)選項(xiàng),然后在屏幕中間的對(duì)話框里輸入一段文字描述,只用不到5秒的時(shí)間,TikTok 就可以根據(jù)文字描述生成一張豎版畫作,用作短視頻的背景:

圖片

只要想象力到位,短視頻的背景就可以放飛,讓你盡情穿梭于各個(gè)虛擬場(chǎng)景。所有應(yīng)用AI綠幕制作的視頻,都會(huì)打上#aigreenscreen標(biāo)簽。

圖片

TikTok 用的這個(gè)文字轉(zhuǎn)圖片模型,還是非常簡(jiǎn)單的。盡管目前AI綠幕所生成的背景還偏油畫風(fēng)格,沒(méi)有任何寫實(shí)色彩。但風(fēng)格遷移的痕跡明顯,而且用的顏色也都鮮亮明快,給人一種耳目一新的感受。

以上就是2022年8月ISUX行業(yè)設(shè)計(jì)趨勢(shì)速遞,喜歡記得收藏轉(zhuǎn)發(fā),以備不時(shí)之需查看。

 

原文地址:騰訊ISUX

作者:ISUX設(shè)計(jì)

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》ISUX「八月」行業(yè)設(shè)計(jì)趨勢(shì)速遞

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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



日歷

鏈接

個(gè)人資料

存檔