首頁

2022 UI 設(shè)計作品集

seo達(dá)人


圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

 


作者:黑馬青年

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》2022 UI 設(shè)計作品集

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


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


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




色彩的感知

seo達(dá)人

粉色是初戀,

像情竇初開的你。

圖片

漸變的粉色是成長的開始,

折痕的肌理是愛情到來時內(nèi)心的波瀾。

圖片

愛心做出半透明的玻璃模糊質(zhì)感,

塵封已久的內(nèi)心已怦然心動。

圖片圖片

紫色是浪漫,

像奔赴熱戀的你。

圖片

當(dāng)我們一起仰望星空,

不小心碰到你的手時,我感受到你的心跳。

圖片

當(dāng)我們一起仰望星空,這一次我想走進(jìn)的你的心扉,

建立屬于我們的橋梁,在你內(nèi)心的最深處直到永遠(yuǎn)。

圖片

圖片

紅色是摯愛,

像真誠而付出的你。

圖片

醒目的紅色真誠而又直接,

我們的心也將靠的更近。

圖片

模糊的愛心肌理是

我們試探彼此距離的那點(diǎn)小心機(jī)。

圖片

看似朦朧實(shí)則清晰的情感在這一刻印記在我們心中。

圖片圖片

藍(lán)色是冷靜,

像理想到現(xiàn)實(shí)的你

圖片

紅色的愛心旋渦久久不能離去,陷入的太深,

無法自拔,找不到自己的方向。

圖片

直到看清現(xiàn)實(shí)的你,慢慢的像沙漏一樣,

選擇和自己過去的他和解。

圖片

圖片

當(dāng)這些色彩融合在一起時,就出現(xiàn)了愛情最真實(shí)的滋味,

朦朧又夢幻,真實(shí)而脆弱。

只有理解色彩給予的感受,

朦朧又夢幻,真實(shí)而脆弱。

做出來的設(shè)計就才會有真實(shí)的情感體會。

圖片


作者:修先森

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》色彩的感知

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


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


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



如何改進(jìn)UI中的按鈕設(shè)計,試試這5個方法!

seo達(dá)人

一、UI設(shè)計中不同類型的按鈕

1、CTA按鈕

號召性按鈕(CTA)是界面中的交互元素,用來執(zhí)行特定的操作,例如聯(lián)系我們、訂閱信息、購買產(chǎn)品或加入購物車等。

CTA按鈕作為執(zhí)行重要操作的按鈕,在設(shè)計上應(yīng)該更醒目,能讓用戶快速分辨出來。

圖片

 

2、文字按鈕

文字按鈕是以可點(diǎn)擊的文字作為按鈕,文字底部沒有圖形背景。文字按鈕的操作面積小,突出程度低,多用于不太重要的操作。

圖片

 

3、下拉按鈕

在有的網(wǎng)站導(dǎo)航欄中,單擊選項(xiàng)會出現(xiàn)下拉列表,展示更多二級選項(xiàng),方便用戶可以查看并選擇更多的操作。

圖片

 

4、描邊按鈕

描邊按鈕是背景透明效果的按鈕,用于輔助操作。當(dāng)界面中有多個按鈕時,使用描邊按鈕有助于劃分視覺層次結(jié)構(gòu),高優(yōu)先級的按鈕使用填充效果,輔助按鈕使用描邊按鈕。

圖片

 

5\漢堡按鈕

漢堡按鈕隱藏在菜單欄中,當(dāng)我們點(diǎn)擊時,菜單將展開并顯示所有的選項(xiàng)。漢堡按鈕廣泛應(yīng)用于web和移動應(yīng)用中。

圖片

 

6、懸浮按鈕

懸浮按鈕(FAB)位于界面的最高層級,優(yōu)先級高,通常為圓形,在界面中執(zhí)行最常見的操作。

FAB按鈕常用于創(chuàng)建新項(xiàng)目或者發(fā)表內(nèi)容等操作,F(xiàn)AB的位置應(yīng)確保按鈕具有較高的可訪問性和可視性。在有的產(chǎn)品中,點(diǎn)擊FAB會出現(xiàn)更多的操作,將常用的操作聚集到一個按鈕中。

圖片

 

 

二、有效的按鈕設(shè)計實(shí)踐

1、讓按鈕看起來可點(diǎn)擊

當(dāng)用戶與界面交互時,他們應(yīng)該快速明白什么是可點(diǎn)擊,什么是不可點(diǎn)擊的。作為設(shè)計師,我們不會希望用戶花很長的時間來理解他們看到的元素,因?yàn)?/span>用戶花的時間越長,產(chǎn)品的可用性就越差。

為了確保用戶能夠明確知道按鈕是否可點(diǎn)擊,我們可以使用用戶熟悉的按鈕樣式,例如方形邊框的填充按鈕、圓角填充按鈕、帶有陰影的填充按鈕、描邊按鈕等。

圖片

其中最為常見和熟悉的設(shè)計是帶陰影的彩色填充按鈕,當(dāng)用戶看到這樣的按鈕時,他們會立刻明白這是一個可點(diǎn)擊的按鈕。

 

2、考慮按鈕在界面中的位置

按鈕的位置很重要。作為設(shè)計師,我們不希望用戶花時間尋找按鈕,而是應(yīng)該將按鈕放在用戶期望的位置上,方便用戶去操作。

對于按鈕在界面中的位置,首先要了解F型和Z型的瀏覽模式。

F型瀏覽模式

圖片

在F型模式中,用戶通過水平移動的方式讀取界面上方的內(nèi)容,構(gòu)成F的頂部欄。然后用戶向下移動頁面,再次水平移動,再以垂直移動的方式瀏覽左側(cè)的內(nèi)容,形成F型的主干。當(dāng)界面中有大量數(shù)據(jù)時,通常會遵循這樣的瀏覽模式。

圖片

Z型瀏覽模式

圖片

Z型瀏覽模式模仿了人眼閱讀的路徑——從左到右,從上到下。

用戶首先從左上角到右上角掃描,形成Z的頂部條。然后向左下角掃描,最后再向右看,形成Z型的瀏覽動線。

圖片

 

3、標(biāo)注按鈕的作用

按鈕應(yīng)該始終有清晰的注釋,展示點(diǎn)擊時將執(zhí)行的操作。過于通用或者模糊的注釋可能會讓用戶感到困惑。

圖片

 

4、正確調(diào)整按鈕大小

按鈕的大小代表了元素優(yōu)先級的高級。尺寸較大的按鈕表示更重要的操作。

當(dāng)在一個界面中存在多個操作按鈕時,為了讓最重要的按鈕看起來更突出,可以考慮讓這個按鈕比其他按鈕的尺寸更大,并且利用顏色和對比,讓這個最重要的按鈕更吸引視線。

圖片

 

5、始終提供反饋

每當(dāng)用戶點(diǎn)擊按鈕時,他們期望界面能有提示或者反饋。在激活按鈕時,按鈕應(yīng)該改變狀態(tài),給用戶一個反饋,便于用戶知道點(diǎn)擊按鈕發(fā)生了什么。

圖片

 

 

最后

以上總結(jié)了設(shè)計中按鈕的6種類型以及5種改進(jìn)按鈕設(shè)計的方法,希望通過這些內(nèi)容能讓大家對按鈕設(shè)計更重視,對已了解的按鈕設(shè)計知識查缺補(bǔ)漏!

慢慢來比較快,如覺得有幫助,


作者: Clippp

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》如何改進(jìn)UI中的按鈕設(shè)計,試試這5個方法!

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


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


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


一篇就夠:十大心理學(xué)原理在產(chǎn)品設(shè)計中的應(yīng)用

ui設(shè)計分享達(dá)人

對于產(chǎn)品經(jīng)理、設(shè)計師和運(yùn)營人員,心理學(xué)都是必須要補(bǔ)的一門課程。

可能很多同學(xué)都犯過和小摹相同的錯誤——在各種商城放“神券”的時候屯一大堆專業(yè)書籍。實(shí)際上,心理學(xué)的書籍你大概只要看到第三本,就會發(fā)現(xiàn)翻來覆去講的就是那么幾個淺顯易懂的道理,而且大部分都是你在日常生活中就能觀察和感受到的。

基礎(chǔ)心理學(xué)(消費(fèi)者心理學(xué),社會心理學(xué),傳播和行為心理學(xué)等)的概念都不難,但如何精妙地運(yùn)用在自己的專業(yè)上則非??简?yàn)使用者的功力。

為什么產(chǎn)品、設(shè)計、運(yùn)營都需要學(xué)習(xí)心理學(xué)?

因?yàn)樗麄児ぷ鞯谋举|(zhì)都是和“人”打交道——用產(chǎn)品方案、視覺內(nèi)容和活動規(guī)劃來影響用戶的決策、行為和心理。

你可能會覺得“依靠數(shù)據(jù)來統(tǒng)計用戶的行為再針對性決策”會更客觀,但實(shí)際上想得到靠譜的數(shù)據(jù)和正確的結(jié)論一點(diǎn)也不輕松,甚至很多公司根本不具備開展這類型調(diào)研的條件。

在這種情況下唯一的辦法還是洞察用戶并主動決策,此時基礎(chǔ)心理學(xué)原理就是你進(jìn)行判斷的重要依據(jù)。

本文為大家梳理了十大著名的心理學(xué)原理,這些概念來自于多本心理學(xué)的經(jīng)典名著,小摹進(jìn)行了適當(dāng)整合。

一、懷舊思維

簡單來說,就是人們在絕大部分時候都會遵循歷史慣性,更愿意相信過去的結(jié)論。

這也解釋了為什么現(xiàn)代商業(yè)中,品牌一直是一項(xiàng)核心競爭力:如果一個品牌曾經(jīng)贏得了消費(fèi)者的信任,那么消費(fèi)者往往愿意持續(xù)選擇這個品牌的產(chǎn)品。

在產(chǎn)品設(shè)計中,懷舊思維有著極其豐富的應(yīng)用場景。比如軟件產(chǎn)品的交互對于操作上的創(chuàng)新要非常慎重——快捷鍵、交互邏輯、界面布局等盡量和行業(yè)中主流產(chǎn)品一致,會更容易讓新用戶接受。

比如我們的原型設(shè)計工具“摹客RP”,界面布局借鑒了國外的UI工具Figma和Sketch。雖然產(chǎn)品主打的方向并不相同,但遵循業(yè)界已經(jīng)約定俗成的定式設(shè)計,在新用戶上手的角度有很大的優(yōu)勢。

二、暈輪效應(yīng)

暈輪效應(yīng)原指人際交往中,人身上表現(xiàn)出的某一方面的特征,掩蓋了其他特征,從而造成人際認(rèn)知的障礙。

比如有的老年人對青年人的個別缺點(diǎn),或衣著打扮、生活習(xí)慣看不順眼,就認(rèn)為他們一定沒出息;有的青年人由于傾慕朋友的某一可愛之處,就會把他看得處處可愛,真所謂"一俊遮百丑"。

暈輪效應(yīng)是一種以偏概全的主觀心理臆測,和上面的懷舊思維類似,屬于一種思維的定式,因?yàn)檫@種方式大腦在決策時會更輕松。

對于產(chǎn)品規(guī)劃者,尤其要想清楚自己的核心優(yōu)勢和賣點(diǎn)是什么,不必完美主義地去追求面面俱到,因?yàn)槿绻钔怀龅膬?yōu)點(diǎn)能打動用戶,即使有缺點(diǎn)也很容易被用戶忽略。

三、習(xí)得性無助

簡單地說,如果用戶在過程中產(chǎn)生了“無論如何都無法改變現(xiàn)狀”的感受,容易陷入深深的絕望和悲哀。

在實(shí)驗(yàn)中,經(jīng)過訓(xùn)練的狗本可以逃避實(shí)驗(yàn)者加于它的電擊。但是,如果狗以前受到過不可預(yù)期(不知道什么時候到來)且不可控制的電擊(如電擊的中斷與否不依賴于狗的行為),他們就會徹底躺平并不再逃離。

狗之所以表現(xiàn)出這種狀況,是由于在實(shí)驗(yàn)的早期學(xué)到了一種無助感。

也就是說,它認(rèn)識到自己無論做什么都不能控制電擊的終止。

人如果產(chǎn)生了習(xí)得性無助,將很快拋棄當(dāng)前讓他產(chǎn)生失望感的產(chǎn)品。這個原理解釋了為什么現(xiàn)在商品或者服務(wù)往往都要為用戶提供非常順暢的溝通方式(比如熱線電話)。

如果你比較了解國外在線軟件行業(yè)趨勢,就會發(fā)現(xiàn)很多的新興產(chǎn)品都已經(jīng)不滿足于提供官方的Email地址,而是直接提供Discord鏈接(可以理解為在線聊天室)。

及時的直接溝通可以避免用戶產(chǎn)生絕望感,增加產(chǎn)品的生存幾率。

四、貝博規(guī)率

其實(shí)用一個成語就可以形容這個規(guī)律:得寸進(jìn)尺。在實(shí)際場景中,只要想辦法讓用戶先接受了一個小要求,之后就更可能讓他接受一項(xiàng)更大、更不合意的要求。

原始的實(shí)驗(yàn)中,心理學(xué)家讓兩位大學(xué)生訪問郊區(qū)的一些家庭主婦。其中一位首先請求家庭主婦將一個小標(biāo)簽貼在窗戶(這是一個小的、無害的要求)。

兩周后,另一位大學(xué)生再次訪問家庭主婦,要求她們在院內(nèi)豎立一個呼吁安全駕駛的大招牌(該招牌很不美觀,這是一個大要求)。

結(jié)果答應(yīng)了第一項(xiàng)請求的人中有55%的人接受這項(xiàng)要求,而那些第一次沒被訪問的家庭主婦中只有17%的人接受了該要求。

這個實(shí)驗(yàn)說明,如果想要用戶達(dá)到最終的目標(biāo),可以先適當(dāng)設(shè)置一些和最終目標(biāo)相關(guān),但完成難度小得多的目標(biāo),循序漸進(jìn)地引導(dǎo),可以大大提升轉(zhuǎn)化率。

這種原理在各種產(chǎn)品的銷售的場景的可謂是遍地開花。

比如汽車、不動產(chǎn)等高價的商品,往往會給打出“來訪即送好禮”的方式吸引用戶前往,然后通過用戶試駕、樣板房體驗(yàn)等環(huán)節(jié)引導(dǎo)用戶去體驗(yàn)和接納,客戶有意向后,也只會要求付定金(而不是全款)......這樣繁復(fù)的流程都是為了把困難的目標(biāo)拆解得更細(xì)小。

五、主觀性證詞

心理學(xué)研究表明,很多證人提供的證詞都不太準(zhǔn)確,或者說是具有明顯的個人觀點(diǎn)、傾向性和意識。甚至,證人對他們的證詞的信心和證詞的準(zhǔn)確性沒有足夠的相關(guān)性。

結(jié)合這個原理,就能更好地理解為什么問卷或是訪談等經(jīng)典的調(diào)研方法并不一定能收集到足夠準(zhǔn)確的信息,對于一些主觀性較強(qiáng)的問題,個人的傾向會極大的影響答案的可信度。

正確的做法是,盡量避免在調(diào)研中出現(xiàn)主觀性過強(qiáng)的題目,如果無法避免,盡量將題目拆解為多項(xiàng)能被客觀量化或評估的問題。如果沒有考慮用戶本身對于產(chǎn)品的傾向性,很可能被言過其實(shí)的“證詞”誤導(dǎo)出錯誤的結(jié)論。

六、馬太效應(yīng)

馬太效應(yīng)是指好的愈好,壞的愈壞,多的愈多,少的愈少的一種現(xiàn)象,出自圣經(jīng)《新約 | 馬太福音》中的一則寓言。

這個效應(yīng)常為經(jīng)濟(jì)學(xué)界所借用,反映貧者愈貧,富者愈富,贏家通吃的經(jīng)濟(jì)學(xué)中收入分配不公的現(xiàn)象。

類似的理論還有很多,比如二八定律(20%的頭部公司掌握80%的市場份額,20%的優(yōu)質(zhì)客戶貢獻(xiàn)80%的銷售收入,等等)。

這個原理告訴我們,要想讓產(chǎn)品在某一個領(lǐng)域保持優(yōu)勢,就必須在此領(lǐng)域迅速做大。

當(dāng)你成為某個領(lǐng)域的領(lǐng)頭羊時,你也能更輕易地獲得比弱小的同行更大的收益。而若沒有實(shí)力迅速在某個領(lǐng)域做大,就要不停地尋找新的發(fā)展領(lǐng)域,才能保證獲得較好的回報。

七、從眾行為

營銷和促銷手段中最重要心理原理之一,即:人們更容易相信被多數(shù)人接受的選擇。

我們經(jīng)??梢钥吹铰愤厓杉也蛷d,一家門口排滿了等待的食客,另一家卻一桌客人都沒有,巨大的反差往往讓后面到來的客人寧愿等待也要選擇人多的餐廳。

關(guān)于這種心理,哲學(xué)家認(rèn)為是人類理性的有限性,社會學(xué)家認(rèn)為是人類的集體無意識,而經(jīng)濟(jì)學(xué)家則從信息不完全、委托代理等角度來解釋。但需要特別注意的是,從眾行為并非絕對的,因?yàn)樵谧非髠€人喜好上,人類往往也有很多個性的需求,從眾行為和個性追求往往是同時存在的。

從眾行為最典型的應(yīng)用方式就是密集推薦或評價,現(xiàn)在的書籍的扉頁動輒幾十條推薦語,在線服務(wù)往往也會引用大量網(wǎng)友的好評,來證明自己的價值。

新產(chǎn)品在推向市場時,先多收集一些用戶的正面評價,宣傳時會非常有利。

八、比較心理

這是消費(fèi)者心理學(xué)最經(jīng)典的原理,簡單來說就是把一個200元的產(chǎn)品和一個100元的看上去差不多的產(chǎn)品擺在一起,你就會覺得100元這個超級劃算,很容易產(chǎn)生購買的沖動。

對于每個人來說,所有的認(rèn)知,價值觀和結(jié)論都是建立在【比較】的基礎(chǔ)上得出的,所以,影響一個人的認(rèn)知,最有效的辦法就是創(chuàng)造對比的機(jī)會。

價格頁面最喜歡運(yùn)用比較心理,因?yàn)楸容^心理可以幫助他們重新設(shè)定消費(fèi)者的認(rèn)知。

常見的做法比如拉高產(chǎn)品的價格再做夸張的折扣讓用戶覺得這個商品現(xiàn)在超級劃算;或者在主推產(chǎn)品旁邊放置兩個明顯性價比不佳的次品,讓用戶對主推產(chǎn)品的效果感知更加強(qiáng)烈。

此外,在產(chǎn)品介紹時也可以將競品的參數(shù)列在表格中和自家的產(chǎn)品進(jìn)行對比(當(dāng)然,這個表格中的項(xiàng)目都是挑選過的),這樣更容易體現(xiàn)自家產(chǎn)品的優(yōu)勢。

九、投射效應(yīng)

人們在日常生活中常常假設(shè)他人與自己具有相同的屬性、愛好或傾向等,心理學(xué)家稱這種心理現(xiàn)象為"投射效應(yīng)"。

"以小人之心度君子之腹"就是一種典型的投射效應(yīng)。當(dāng)別人的行為與我們不同時,我們習(xí)慣用自己的標(biāo)準(zhǔn)去衡量別人的行為,認(rèn)為別人的行為違反常規(guī)。

了解這一點(diǎn)對于產(chǎn)品的策劃者們非常重要:用戶的想法很可能和自己不同(即便你認(rèn)為自己在這個領(lǐng)域比其他人都專業(yè)得多),但仍然需要被尊重。

所以近年來特別流行用戶體驗(yàn)、同理心這樣的詞匯,產(chǎn)品應(yīng)該以真實(shí)用戶的體驗(yàn)滿意度作為參考指標(biāo),設(shè)計者應(yīng)該盡可能地以設(shè)想自己是一個目標(biāo)用戶時,會有什么反應(yīng),否則僅靠自己的“臆測”,創(chuàng)造出來的產(chǎn)品很可能和真實(shí)需求脫節(jié)。

十、賭博心理

以小博大的感覺是一種強(qiáng)上癮體驗(yàn),人們只有在輸?shù)臅r候才想到離開,少有在贏的時候離開。這個就是賭場盈利的本質(zhì)模式。

由于真金白銀賭博是法律明令禁止的,所以產(chǎn)品設(shè)計角度一般都是借助積分、代幣等方式來給用戶制造“抽獎”的機(jī)會。

對于國內(nèi)而言,氪金手游和盲盒就是典型的兩種應(yīng)用場景,前者往往會設(shè)定一個極低的概率讓玩家獲得珍貴的虛擬物品,后者則是讓消費(fèi)者有小概率獲得稀有款式的手辦,引誘顧客購買超過自己需求的商品。

對于產(chǎn)品設(shè)計人員來講,賭博機(jī)制可以說是一個潘多拉魔盒,通常不建議去使用和嘗試。人人都愛KPI,但也要取之有道,職場人都應(yīng)該有自己的底線。

來源:站酷     作者:jongde
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

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

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


作品本身不足,與包裝無關(guān)

seo達(dá)人

 一、不局限于作品包裝本身

雖然作品集包裝也很重要,可以對我們的作品輸出進(jìn)行揚(yáng)長避短,起到非常好的襯托作用。但是面試官考核的不只是包裝而已,作品本身的能力至關(guān)重要,喧賓奪主也容易適得其反。

我們不能過度局限于作品包裝,而忽略作品自身的修煉,需要投入時間精力細(xì)化每一個界面,確保它們都是自己正常專業(yè)水平之上的輸出。所以說提到作品集很多設(shè)計師總是糾結(jié)于不知道怎么開始,以為難倒自己的是包裝,其實(shí)先把單個的界面優(yōu)化好就是第一步。要讓自己的每一個界面都經(jīng)得起考驗(yàn),而不是湊數(shù)量,這樣包裝才能錦上添花。

圖片

 

 

二、老作品新用場過于偷懶

遇到過很多設(shè)計師在制作作品集時,往年的作品直接拿來湊數(shù),導(dǎo)致作品呈現(xiàn)質(zhì)量參差不齊。在職場 1-3 年的時間段,項(xiàng)目作品數(shù)量有限實(shí)屬正常,往年的作品包裝到作品集中也是沒問題的,只是老作品新用場不能過于偷懶。

圖片

設(shè)計趨勢和大眾的審美觀念都是在發(fā)生變化的,前幾年的作品也許在當(dāng)時覺得還不錯,但是時過境遷之后不一定入得了當(dāng)下的審美標(biāo)準(zhǔn)。針對老作品我們需要結(jié)合當(dāng)下的設(shè)計趨勢和審美標(biāo)準(zhǔn)進(jìn)行評估,如果這個作品連自己都打動不了,想要打動面試官那是很難的。我們要結(jié)合新的趨勢和規(guī)范進(jìn)行二次梳理,重新優(yōu)化調(diào)整每一個界面,確保它們都是符合當(dāng)下設(shè)計標(biāo)準(zhǔn)的,然后再結(jié)合作品集新的規(guī)范重新包裝,這樣才能保持整體作品集的質(zhì)量。

圖片

想要更好的結(jié)果就不要偷懶,此時的應(yīng)付換來的就是行業(yè)的拋棄,多一點(diǎn)行動多一分設(shè)想。

 

 

三、追趕樣機(jī)趨勢卻忽略規(guī)范

在包裝作品集的過程中,相信大家都會經(jīng)常使用樣機(jī)模型,以此來真實(shí)的還原作品呈現(xiàn)。隨著樣機(jī)設(shè)備的不斷更新交替,樣機(jī)模型也是經(jīng)常變化,保持最新樣機(jī)模型也能提高作品集的趨勢感。

圖片

大家都知道追趕樣機(jī)趨勢,但是卻不調(diào)整作品的規(guī)范,導(dǎo)致作品的組件規(guī)范和樣機(jī)的不匹配。看似覺得無傷大雅,實(shí)則對于講究細(xì)節(jié)的面試官來說,會認(rèn)為這是你的專業(yè)態(tài)度問題。如果連設(shè)計規(guī)范都不能把控好,也不注重設(shè)計細(xì)節(jié),那么如何相信你的專業(yè)能力呢!

追趕樣機(jī)趨勢是毋庸置疑的,不過也要結(jié)合樣機(jī)模型的組件趨勢,老作品要結(jié)合新趨勢重新調(diào)整,不要忽略這些細(xì)節(jié)的表現(xiàn)。

圖片

 

 

四、作品不可缺少反復(fù)自查

在優(yōu)化單個界面的時候,不要忽略細(xì)節(jié)的校對,特別是不要出現(xiàn)低級錯誤。比如圖文不搭、錯別字、信息表達(dá)出錯、元素替代遺漏、流程不通、信息邏輯不對等等,不要在看似簡單的細(xì)節(jié)上面出錯,反復(fù)自查是不可缺少的環(huán)節(jié)。

圖片

特別是對于自己 0-1 參與的項(xiàng)目,一定要對每個環(huán)節(jié)都比較熟悉,不能只是停留在視覺表層。檢查自己設(shè)計上面的問題,也要復(fù)盤全案設(shè)計的思路,這樣面試官在考核的時候才會應(yīng)對自如。如果細(xì)節(jié)都容易被忽略,設(shè)計態(tài)度的體現(xiàn)將會大打折扣,也容易讓人覺得你做事比較馬虎。

 

 

五、工作輸出單一而不去改變

如果在規(guī)模比較小的企業(yè),我們的項(xiàng)目容易比較單一,就會導(dǎo)致作品輸出也比較單一。如果公司對于設(shè)計質(zhì)量的要求比較低,我們也沉淀不出什么像樣的作品,求職就會變得非常被動。工作輸出單一如果還不去改變,久而久之便會影響專業(yè)能力,職場路徑也會變得局限性很大。

圖片

對于 UI 設(shè)計師來說,無論是 C 端還是 B 端都屬于我們技能掌握的范圍,而不能根據(jù)短期內(nèi)的行業(yè)走勢鎖定自己的職場路徑。在工作中沒有機(jī)會發(fā)揮多維度設(shè)計時,我們要在日常強(qiáng)化中去彌補(bǔ),不能讓自己的技能變得越來越收縮。不要為自己作品輸出單一而找借口,結(jié)合公司業(yè)務(wù)轉(zhuǎn)化、前公司業(yè)務(wù)優(yōu)化、熟悉產(chǎn)品改版設(shè)計等,都可以以此來強(qiáng)化缺失的技能。

機(jī)遇是自己去創(chuàng)造的,只有能做好了才能抓住機(jī)會,沒有機(jī)會去發(fā)揮專業(yè)能力,就要主動去挖掘。

圖片

 

 

六、信息重復(fù)導(dǎo)致樣式化

項(xiàng)目界面作為技術(shù)對接和作品展示輸出,這兩種情況下我們不能偷懶的采用一個態(tài)度。站在項(xiàng)目對接的角度來說,信息圖文都可以只是占位符,交代清楚樣式特征即可。哪怕全部采用一樣的文案信息和配圖都沒關(guān)系,甚至配圖用色塊來替代都可以,只要下游對接的同事能判斷出來就好。

圖片

站在作品集輸出的角度來說,不能以此形式來表達(dá),這樣帶來的感官體驗(yàn)肯定是有所欠缺的。樣式化的表達(dá)不能體現(xiàn)出作品的真實(shí)感,包裝出來的效果也會大打折扣,我們要真實(shí)還原每一個界面中的信息表達(dá)。無論是文案還是配圖來說,都要選擇更加真實(shí)的內(nèi)容,不能以占位符的心態(tài)去輸出作品。

不同的版塊信息要以不同的文案和配圖來填充,就算是數(shù)據(jù)和日期等內(nèi)容也不要都一模一樣,做好細(xì)節(jié)才能帶來更多機(jī)遇。

圖片

 

 

七、人靠衣裝配圖是金裝

作品展示的角度來說,一些設(shè)計師容易忽略界面中的配圖,隨便找一些圖片填充設(shè)計,導(dǎo)致自己的作品總是少了一些質(zhì)量。配圖就如同人的衣著打扮,人靠衣裝配圖就是作品的金裝。如果配圖自身不夠高端大氣,作品自然也是高端不起來的。

在保障配圖與信息表達(dá)真實(shí)性的前提下,我們要盡量選擇質(zhì)量更高的配圖,以此來帶動作品的格調(diào)。不過我們也要養(yǎng)成版權(quán)意識,盡量去免費(fèi)可商用的圖庫網(wǎng)站篩選圖片,可以找黑馬哥領(lǐng)取網(wǎng)站合集。既然耗費(fèi)了時間輸出作品,就不要在配圖這個環(huán)節(jié)馬虎,高質(zhì)量的配圖也能帶動作品的質(zhì)量,帶給面試官更好的感官體驗(yàn)。

圖片

 

 

八、作品輸出缺少視覺感營造

隨著行業(yè)發(fā)展的成熟,各階段的人才儲備也會變得更多,求職的時候面試官的選擇性就會更多了。當(dāng)面試官收到的作品集很多的時候,就需要經(jīng)過多次篩選來提高選擇效率。通過學(xué)歷、工作經(jīng)驗(yàn)、崗位匹配度、作品集和面試發(fā)揮等來篩選,而作品集也會經(jīng)歷海選、初選、精選等。

圖片

影響作品集篩選的因素很多,在海選和初選的時候,如果作品集很多的情況下,作品帶來的視覺第一眼就變得很重要了。如果單個界面本身只是簡單的布局層面表達(dá),缺少一些視覺感的營造,極容易在海選的時候被忽略掉。這樣就算你設(shè)計說明描述的很好,產(chǎn)品思維也比較成熟,但是面試官沒有看到或者沒有仔細(xì)閱讀那些長篇大論,也是徒勞無功。

提高作品的視覺表現(xiàn)力可以從配色開始,色感的表達(dá)可以讓作品充滿視覺亮點(diǎn);也可以精致化圖標(biāo)設(shè)計,質(zhì)感圖標(biāo)的表達(dá)可以帶動界面的視覺感;還可以從 IP 設(shè)計或者品牌基因等元素的融入入手,以此豐富界面設(shè)計的視覺表現(xiàn)力。營造視覺感的方向很多,不能局限于常規(guī)的布局,擺脫同質(zhì)化需要從差異化的視覺表現(xiàn)力開始。

圖片

 

 

九、作品本身的差異化不可缺

同類型的設(shè)計看久了終歸還是會麻木的,在相似功能的設(shè)計表達(dá)上面,如果同質(zhì)化比較嚴(yán)重,面試官也會覺得你缺少創(chuàng)新能力。不要只是把焦點(diǎn)放在作品集包裝層面,作品本身的差異化也是至關(guān)重要的。

圖片

差異化的體現(xiàn)可以是交互形式上面的創(chuàng)新,擺脫常規(guī)的功能表達(dá),破局才能打破固化思維。也可以是立足于品牌的基礎(chǔ)上進(jìn)行設(shè)計,提取品牌元素運(yùn)用到產(chǎn)品設(shè)計的場景中,這是拉開差異化較為明顯的方向。還可以運(yùn)用一些新的技術(shù)或者趨勢化表達(dá),比如三維設(shè)計運(yùn)用到 UI 場景中,插畫風(fēng)格衍生到圖標(biāo)和視覺區(qū)域等場景中,交互動效帶來界面動態(tài)化表達(dá)等等。

在設(shè)計每一個界面的時候,如果都只是普通的展示功能而已,這樣的設(shè)計是打動不了面試官的,因?yàn)殡S便來個設(shè)計師都可以做出來。每個設(shè)計作品都是體現(xiàn)自己專業(yè)能力的表達(dá),我們需要的不是完成需求,而是如何突破常規(guī),做出不一樣的設(shè)計。

圖片

 

 

十、不局限于界面而是思路

工作項(xiàng)目中我們需要完成所有的狀態(tài)表達(dá),但是作為面試作品來說,不需要展示全部內(nèi)容,重要的是整個項(xiàng)目設(shè)計的思路。就展示界面來說選擇主界面、重要業(yè)務(wù)流程界面、強(qiáng)視覺感界面、創(chuàng)新交互表達(dá)界面等。作品集是眾多項(xiàng)目的縮影呈現(xiàn),都去展示不但篇幅不夠,也容易讓有亮點(diǎn)的設(shè)計被埋沒。

圖片

在設(shè)計作品集的時候首先要明確項(xiàng)目展示的流程和思路,比如項(xiàng)目背景、用戶調(diào)研、交互設(shè)計、品牌設(shè)計、UI 設(shè)計等等(僅作為大概示意)。把這個流程里面需要重點(diǎn)展示的界面設(shè)計好,這樣才能快速的優(yōu)化項(xiàng)目。也不需要把一個界面的所有內(nèi)容都呈現(xiàn)出來,輸出一條特別長的界面,到時候包裝的時候不利于展示發(fā)揮。

圖片

整個作品集呈現(xiàn)出來的思路比較重要,通過作品集要體現(xiàn)出你所具備的能力,如果你會插畫但是沒有在項(xiàng)目設(shè)計中體現(xiàn)出來也是無效的。通過作品集告訴面試官你具備哪些解決問題的能力,而不是單純的界面設(shè)計而已,我們在職場中存在的價值就是輔助團(tuán)隊解決設(shè)計問題。

圖片

 

 

小結(jié)

在這個形勢嚴(yán)峻的招聘環(huán)境中,作品集無疑是我們最有利的能力保障,無論你面試技巧再完美,作品不行也是徒有其表。作品集的好壞不限于作品包裝本身,作品自身的設(shè)計表現(xiàn)力也是至關(guān)重要的,不要偷懶也不要濫竽充數(shù),你付出了多少努力面試官一眼就判斷出來了。

希望本文的梳理可以帶給大家一點(diǎn)經(jīng)驗(yàn),多花時間在作品上面,用心打磨每一個元素和深思每一個設(shè)計表現(xiàn)場景。

 


作者:黑馬青年

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》作品本身不足,與包裝無關(guān)

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


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


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



哇,這些樣機(jī)素材太好用了?。?/a>

seo達(dá)人

咕嚕嚕


第一組:
以手機(jī)或手機(jī)組合為主的樣機(jī)素材。

圖片

圖片

圖片

圖片

圖片

 
 

第二組:相對來說組合形式更多樣化,視覺感受上更有張力一些。

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

很明顯這兩組樣機(jī)的形式更加新穎,結(jié)合之前發(fā)的樣機(jī)素材,用來包裝、展示作品完全足夠了。

不過需要強(qiáng)調(diào)一下,我們能用到的樣機(jī)素材大致分為兩類,即:平面樣機(jī)和3D樣機(jī)。 

 

這篇文章中的樣機(jī)屬于平面類的,所以使用起來很方便:打開素材后找到需要替換的屏幕內(nèi)容智能對象圖層,雙擊點(diǎn)進(jìn)去替換圖片保存即可。

但今天分享的這些樣機(jī)屬于3D樣機(jī)素材,其使用方法略有不同:

1、打開樣機(jī)源文件后,找到需要替換貼圖的3D圖層:

圖片

2、雙擊紋理下的Chante This 或 Click This圖層,打開新窗口

圖片

3、在打開的新窗口中置入自己需要的圖片,調(diào)整好尺寸保存,返回到源文件窗口即可看到替換后的效果。

比如像我這樣簡單的使用就可以:

圖片

另外還有一點(diǎn),PS版本太低或者電腦配置過低可能無法使用,比如我常用的2015版PS就不能使用,打開后就是這樣的:

圖片

好了,關(guān)于使用方法和注意事項(xiàng)就說這么多了,其他的大家下載之后多摸索摸索,最起碼需要用的時候知道怎么用。


作者:老張

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》哇,這些樣機(jī)素材太好用了!!

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


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


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



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

seo達(dá)人


 

圖片
圖片

圖片

圖片

圖片
圖片

圖片

圖片

圖片

圖片

圖片
圖片

圖片

圖片

圖片

圖片
圖片
圖片

圖片

圖片

 

 

圖片

圖片

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

圖片

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

圖片

? 提供的文案信息

圖片

? 設(shè)計完成稿

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

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

圖片

 

 

圖片
 

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

圖片

? 提供的文案信息

圖片   

? 設(shè)計完成稿 

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

 

 

圖片

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

圖片

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

 

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

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

圖片 
 

 

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

 

 

圖片

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

圖片

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

圖片

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

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

 

 

圖片
 

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

 

圖片

 

圖片

 
 

 

 

圖片

 

圖片
 

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

 

 

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

 

 

圖片

 

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

圖片

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

 
 
圖片 

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

 

圖片

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

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

 

圖片

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

圖片

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

圖片

 

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

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

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

 

 

圖片 
 

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

圖片

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

 

 
圖片

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

圖片

 

圖片

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

 

 

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

圖片

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

圖片

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

 

 

 

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


 作者:金池

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

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


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


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




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

seo達(dá)人

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

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

圖片

選中的標(biāo)簽需要有不同的視覺風(fēng)格,可以使用按鈕、文字、圓點(diǎn)等樣式來表示選中效果,幫助用戶一目了然地定位當(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è)計6個注意事項(xiàng)

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

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

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

圖片

 

設(shè)計解析:

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

圖片

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

圖片

 

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

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

圖片

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

 

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

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

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

圖片

 

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

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

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

圖片

 

5、不要截斷標(biāo)簽

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

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

圖片

 

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

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

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

圖片

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

 


作者: Clippp

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

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


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


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



設(shè)計師能力建設(shè)(4):設(shè)計評審會

seo達(dá)人


圖片

 

 

一、評審會的目標(biāo)

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

 

1、直接目標(biāo)

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

 

2、間接目標(biāo)

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

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

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

 

 

二、評審會的影響因素

圖片

 

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

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

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

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

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

 

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

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

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

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

 

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

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

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

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

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

 

 

三、評審會的常見問題

評審會常見的問題包括以下幾項(xiàng):

圖片

 

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

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

 

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

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

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

 

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

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

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

 

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

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

 

5、講解邏輯不清晰

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

 

 

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

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

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

圖片

 

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

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

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

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

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

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

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

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

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

 

2、定義期

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

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

 

 

五、評審會講解技巧

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

圖片

 

1、歸納總結(jié)

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

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

 

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

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

 

3、邏輯設(shè)定

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

  • 問題導(dǎo)向

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

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

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

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

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

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


作者:子牧先生

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

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


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


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



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

seo達(dá)人


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

圖片

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

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

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

圖片

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

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

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

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

圖片

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

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

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

圖片

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

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

 

 

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

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

 

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

 

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

圖片

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

圖片 

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

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

 

 

三、2012——14年:公眾號——包打一切

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

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

 

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

 

1、安全:QQ盜號頻發(fā),使用QQ當(dāng)作企業(yè)溝通軟件,如果被盜號會帶來信息泄露風(fēng)險;

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

 

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

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

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

 

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

 

1、訂閱號:

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

圖片

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

 

2、服務(wù)號:

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

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

 

3、企業(yè)號

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

圖片

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

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

 

 

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

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

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

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

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

 

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

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

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

 

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

圖片

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

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

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

2015年,釘釘開始狂奔,基本上每兩周都會迭代一個版本。阿里更是投下5億元開始鋪天蓋地的市場推廣,馬云更是親自為釘釘站臺。而企業(yè)號依附于微信生態(tài),在產(chǎn)品的迭代上需要遵循微信大框架。針對釘釘在市場上的動作沒有采取任何反制措施,放任釘釘野蠻生長。

圖片

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

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

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

 

 

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

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

圖片

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

 

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

 

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

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

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

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

圖片

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

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


作者:王M爭

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

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


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


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



日歷

鏈接

個人資料

存檔