首頁

筆刷教程 | PS顏色動態(tài)功能在繪畫中的作用

lanlanwork


一、畫筆設(shè)置窗口

 

1.我們可以在PS的菜單欄:窗口-畫筆設(shè)置(F5)里面打開畫筆設(shè)置窗口,或者點擊右邊的畫筆設(shè)置圖標也可以打開。

圖片

 

2.我們打開了畫筆設(shè)置后,就能看到顏色動態(tài)選項(需要在畫筆工具的狀態(tài)下,不然是灰色不可用狀態(tài))。我的這張蛋糕側(cè)面就是用肌理畫筆打開顏色動態(tài)畫的,能一筆就畫出豐富的顏色。

圖片

 

二、如何設(shè)置抖動參數(shù)

1.前景/背景抖動:是指顏色根據(jù)前景色和背景色不透明度的變化抖動,數(shù)值越小,以前景色為主抖動,數(shù)值越大,2個顏色之間的抖動越明顯。

圖片

 

2.色相抖動:顏色根據(jù)前景色在色環(huán)上抖動,數(shù)值越小,抖動范圍越小,數(shù)值越大,抖動范圍越大

圖片

 

3.飽和度抖動:顏色根據(jù)前景色的飽和度變化抖動,數(shù)值越小,抖動范圍越小,數(shù)值越大,抖動范圍越大。

圖片

 

4.亮度抖動:顏色根據(jù)前景色的亮度變化抖動,數(shù)值越小,抖動范圍越小,數(shù)值越大,抖動范圍越大。

圖片

 

5.綜合使用:我們搞清楚不同的抖動有哪些效果后,就可以結(jié)合著調(diào)整數(shù)值,就能一筆畫出更加豐富的顏色,大家可以多調(diào)整數(shù)值試一下。

圖片

 

三、插畫中的運用

我在插畫中經(jīng)常用到這個功能,通常我把抖動變化開的比較小,這樣能得到豐富的變化,又不會變得很突兀,會更加的耐看。

比如說這張,荷葉的型用套索工具圈出來后,再選稍微帶點肌理感的筆刷去畫,基本上是一筆畫出來的,又快,顏色又比較豐富。

圖片

 

這張插畫的地面色塊也是通過顏色動態(tài)+形狀動態(tài)(也在畫筆設(shè)置里面)來畫的,很適合用來畫花海之類的,大家可以舉一反三。

圖片

 

我很多作品我都用到了這個功能,不知道你是否能發(fā)現(xiàn)呢?

圖片

圖片

圖片

 

原文地址:空青肆繪(公眾號)

作者:風綻

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》筆刷教程 | PS顏色動態(tài)功能在繪畫中的作用

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

截屏2021-05-13 上午11.41.03.png

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

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



如何高效地進行網(wǎng)頁設(shè)計?重點關(guān)注這些要素

lanlanwork


1.把握中心目標

大多數(shù)網(wǎng)頁設(shè)計是以目標為導(dǎo)向,也就是網(wǎng)頁做出來能為用戶提供什么、能解決用戶的哪些問題。

例如電商網(wǎng)站的終極目標是賣出更多的商品,資訊類網(wǎng)站的目標是讓用戶能更多地閱讀最新訊息,目標不同,兩類網(wǎng)站在設(shè)計上也會有截然不同的差異。

在設(shè)計上,電商網(wǎng)站會更注重頁面氛圍的營造,把紅紅火火的促銷氛圍搞起來,用戶看到會更興奮。

圖片

▲ 在電商網(wǎng)站中,設(shè)計重點放在幫助用戶瀏覽店鋪并輕松找到特定商品上,放在詳情頁上用盡可能好的方式展示商品;付款流程也經(jīng)過簡化和仔細計算(例如某寶最近更新的訂單頁把價格聚集在一起),因此用戶不需要經(jīng)過太多思考就能快速下單購買。

 

2.打造平衡的效果

網(wǎng)頁中炫酷的視覺效果能讓用戶印象深刻,但效果實現(xiàn)需要付出更成本。能明確知道什么時候更簡潔的視覺效果能讓整個設(shè)計變得更好,能讓用戶專注于正確的事情,這一點很重要。

有時候在網(wǎng)頁中添加過多元素,會分散有價值的信息,用戶也難以識別他們想看的內(nèi)容。

圖片

▲ 對齊和對稱是頁面保持平衡的重要因素。對齊既保證了布局統(tǒng)一,又將有聯(lián)系的元素緊密連接起來;對稱營造一種平衡的感覺,元素整齊有序。

 

圖片

▲ 網(wǎng)站的登錄注冊頁往往都設(shè)計得很簡潔,有大面積的留白處理,只保留關(guān)鍵的信息輸入框,這樣用戶能更專注于輸入內(nèi)容。

 

圖片

▲ 在宜家網(wǎng)頁中,清晰的視覺層級結(jié)構(gòu)以及留白的運用讓整個頁面看起來非常整潔有序。好的結(jié)構(gòu)能讓用戶知道他們在看什么,留白提供了視覺上的緩解作用,有助于引導(dǎo)用戶的注意力。

 

3.了解基本的設(shè)計原理

格式塔原理基本上定義了我們感知事物的六種不同的認知規(guī)則。在網(wǎng)頁設(shè)計中,這意味著需要以一種合理的方式來安排元素,幫助用戶從整體上理解設(shè)計。

圖片

▲ 設(shè)計中需要考慮不同元素的對齊關(guān)系、相似元素或按鈕的排放位置、一組信息要如何展示、列表類信息該如何展示…

 

另一個重要的原則是??硕?/strong>,也就是向用戶展示的選項越多,做出決定需要的時間就越長。因為我們的大腦需要考慮和分析所有選擇,然后再選出最好的選擇,當選擇太多時,這就會成為一個問題。

這就像我們在餐廳里點菜一樣,如果拿來一個20頁的菜單,我們可能會從頭到尾把這20頁全看了,仍然不知道該點哪個,然后又把這個20頁的菜單重新翻一遍。

去餐廳吃飯是件放松高興的事,我們肯定不想在點餐上給自己帶來壓力,這樣吃飯的樂趣也會大打折扣。

圖片

▲ 如果需要填寫很長的表單,考慮將長表單拆分成幾個短的問題,讓用戶按步驟依次作答,避免一下看到過多問題給用戶帶來負擔。

 

4.了解面對的用戶

網(wǎng)頁設(shè)計需要知道面對的用戶是誰、他們想獲取什么、想處理什么問題以及他們是想法是什么等等。

對最終用戶的印象越清晰,越有可能創(chuàng)造出成功的設(shè)計,就像設(shè)計一個面向兒童的網(wǎng)站與設(shè)計一個供老年人使用的網(wǎng)頁會完全不同。所以在一開始,要先學(xué)會把自己的觀點先放在一邊,傾聽目標用戶的意見,然后再慢慢驗證自己的想法。

圖片

▲ 抖音千人千面的推薦機制,能為用戶精準推送他們感興趣的內(nèi)容,把握住了用戶的興趣,產(chǎn)品才能越來越受歡迎。

 

5.排版很重要

排版需要長期的積累和沉淀,如何合理地安排頁面中的品牌標識、圖片、文字等元素,是始終需要考慮的事。

比如不管網(wǎng)頁設(shè)計的目標是什么,或者選擇什么樣的視覺效果,在選擇字體時我們總要考慮字體的粗細、大小或?qū)Ρ榷鹊纫蛩亍?

對于更多的排版和設(shè)計技巧,可以回顧這篇文章: 快速改善網(wǎng)頁設(shè)計的13個技巧!

圖片

▲ 根據(jù)設(shè)備不同,最佳字體的選擇可能會發(fā)生變化。在移動端設(shè)計中,文字可讀性是首要的,屏幕越小越要保證信息的可讀性。

 

6.信息架構(gòu)和導(dǎo)航

網(wǎng)頁的導(dǎo)航設(shè)計和信息架構(gòu)共同構(gòu)成了產(chǎn)品的主干,讓用戶能夠了解產(chǎn)品和功能并找到需要的信息。

圖片

無論信息的長短如何,合理的層級結(jié)構(gòu)有助于在產(chǎn)品中創(chuàng)建邏輯結(jié)構(gòu),以便用戶可以查找信息。導(dǎo)航能反映出產(chǎn)品架構(gòu),這樣用戶無需花費大量精力,就能輕松找到主要信息和功能。

圖片

▲ 點擊按鈕之后會切換到哪一頁、怎么返回到當前頁、點擊哪些按鈕頁面不跳轉(zhuǎn)。架構(gòu)流程不僅自己要明確,更需要用戶看得懂。

 

7.降低認知成本

咱們前面提到,如果面臨的選擇太多,就需要經(jīng)過大量思考,這樣用戶很可能會變得有壓力甚至困惑。其實這里面還包含著另一層意思,過多的選擇會增加用戶的認知成本

只有降低認知成本,才不會給用戶帶來過多壓力,才能快速做出判斷。在網(wǎng)頁大框架已經(jīng)設(shè)計好的基礎(chǔ)上,降低認知成本的地方往往更在于細節(jié)。

圖片

▲ 準確拿捏細節(jié)。在面包屑導(dǎo)航中,鼠標懸浮上去是一種狀態(tài),點擊后又是一種狀態(tài);選中的標簽與未選中的標簽在顏色上做出區(qū)分;當前頁碼重點突出的同時,告知用戶前后頁碼還支持左右切換。

 

最后

最后為大家精選了網(wǎng)頁設(shè)計Web UI Kit源文件,包含5套網(wǎng)頁模板、30個不同的組件、3種顏色模型,很難得很實用的一份資源,涵蓋了大部分的設(shè)計場景,趕快下載使用起來~

領(lǐng)取方式:關(guān)注公眾號,后臺回復(fù)【網(wǎng)頁設(shè)計】獲取設(shè)計源文件

圖片

 

慢慢來比較快,希望對你有所幫助!

 

原文地址:CLippp設(shè)計夾(公眾號)

作者:Clippp

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》如何高效地進行網(wǎng)頁設(shè)計?重點關(guān)注這些要素

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

截屏2021-05-13 上午11.41.03.png

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

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



不會排版的來看看,序如何運用對比制造秩

lanlanwork

咕嚕嚕

今天我們講版式中如何運用對比制造秩序

圖片

圖片

首先如何理解秩序,我們用點的示例放置,當展現(xiàn)在畫面中出現(xiàn)無序的形態(tài)時,會顯得沒有規(guī)律性,而以螺旋狀的方式放置時就明顯感受到了畫面的舒暢和秩序感。

圖片

兩者同樣以圓為形態(tài),秩序感的形成卻截然相反。

圖片

秩序感的體現(xiàn)就像建筑和攝影中對于畫面布局的形態(tài)與物體之間的關(guān)聯(lián)起到微妙的動態(tài)變化。

圖片

在整個呈現(xiàn)過程中,我們就需要運用秩序里的大小對比、空間對比、粗細對比和顏色對比的關(guān)系。

圖片

我們用一個小案例來詮釋對比的作用

 

1.大小對比

 

圖片

首先運用大小對比,這是正常文案放置時的排版結(jié)構(gòu),文字的大小比例都是相等的。

圖片

我們將文字的主次進行了拆分、強化了大小關(guān)系,這時文字的比例從原來的大小相等到互相有了不同變化。

圖片

強化了對比后,我們看下效果,能明顯感受到對比后的閱讀邏輯性了有了一定提升。

圖片

 

2.空間對比

圖片

將主題中的文字放大并改變字體后弱化顯示,再將原有內(nèi)容放置到前面,在四周增加一些裝飾信息作為點綴。

圖片

通過對比后的效果,可以看出主體內(nèi)容得到了一定的空間層次,整體也顯得豐滿一些。

圖片

 

3.粗細對比

圖片

通過篩選出優(yōu)先重要信息,將內(nèi)容作出粗細之間的明顯區(qū)分,這樣的方式可以幫助用戶在閱讀畫面時有更好的著重點,也有了明顯的閱讀順序。

圖片圖片

 

4.顏色對比

圖片

改變主題顏色或者一些需要強化記憶的文字,能讓整體的版式即顯得完整,又多了一些閱讀體驗感。

圖片

圖片

我們剛才通過了多種對比,可以看出秩序性在整個版式中的重要,規(guī)律的變化也從來都不是毫無邏輯的呈現(xiàn)。

圖片

 

示范案例

圖片

為了讓大家更容易理解和運用起來,我們再用一個案例來展現(xiàn)秩序性在版式中的使用方法。

首先填充紅色為背景色,將主標題文字放大,副標題縮小。

圖片

改變字體和顏色,利用英文拉開字間距放到主標題上形成了對比和顏色之間的關(guān)系。

圖片

再復(fù)制主標題文字放大移動到背景上,改變字體顏色形成為背景之上的層級

圖片

通過元素、圖形、背景肌理、素材等去強化與文字版式之間的空間層級關(guān)系。

圖片

這樣一來,不僅文字信息有了非常清晰的邏輯表達,畫面上也得到了視覺呈現(xiàn)的豐滿和秩序性的動態(tài)規(guī)律。

圖片

 

原文地址:修先森撩設(shè)計

作者:修先森

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》不會排版的來看看,如何運用對比制造秩序

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

截屏2021-05-13 上午11.41.03.png

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

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



這個練習雖然已經(jīng)不錯了,但我覺得還可以有以下幾點能優(yōu)化!

lanlanwork



我們先來看原作效果:

圖片

再來看臨摹練習的效果:

圖片

好了,分析開始:

可優(yōu)化點1:頭圖的透氣感

我們看下頭圖的對比:

圖片

相比之下原作中的頭圖有很多白色,讓畫面更加的有透氣感,練習作品中的頭圖會有點悶。

頭圖的選取也影響了卡片投影的效果:

圖片

原作的投影會稍有細節(jié)一點,會耐看很多。

 

可優(yōu)化點2:色彩耐看度

當我們的顏色全都用彩色的時候,就會看起來有點膩,添加黑白灰是最好的一種解膩方式,我們看下面的這些插畫:

圖片

基本所有的都黑白灰色。

回來看我們的案例:

圖片

原版會有很多灰色的搭配使用,但是練習作品全都是用的橙色系,所以看起來會稍微有點滿。

 

可優(yōu)化點3:圖標的精致度

當圖標有圓形底座的時候,我經(jīng)常使用的方式就是把圖標本身稍微小一點,別讓它填充的太慢,比如我們舉個最簡單的例子,看下面兩種方式:

圖片

是不是左面的看起來會精致一些。

回到案例本身,我們看下箭頭圖標:

圖片

也是一樣的道理,左側(cè)原版的會稍微精致一些。

 

可優(yōu)化點4:關(guān)于信息層級對比

我們看下信息層級對比:

圖片

原版的很多信息層級十分明顯,練習的作品層級有點沒拉開。

當然,這里需要強調(diào)下,真正落地的時候還是要考慮能否看清,原版的灰色字是有點太淺了,如果真正落地的話,可能不太行,但是作為概念高,把信息層級拉開一點的做法,是OK的。

 

可優(yōu)化點5:一些散點

臨摹稿的一些間距可能也會有一些問題,比如卡片和下面信息之間的間距:

圖片

就稍微有點大了,看起來有點不太合理。

還有這里的狀態(tài)可能也不是很全等等,沒有選中愛心的狀態(tài):

圖片

當然,說了一些問題之后,回來看,臨摹作品其實也是有一些優(yōu)點的:

比如這個頁面的底部按鈕:

圖片

我覺得變成重色按鈕會讓整個畫面層次更加豐富,并且操作區(qū)域也更加明顯。

再比如選中態(tài)家了一個愛心圖標:

圖片

這也算是一種小的創(chuàng)意點,是有經(jīng)過思考的。

這些小的思考和優(yōu)化,積累多了,后期一定可以激發(fā)巨大能力和進步。

好了,以上就是今天分享的這個小案例,很多細節(jié),希望可以給大家一點啟發(fā), 后面大家在做界面練習的時候,也可以多多思考并實踐。

 

原文地址:菜心設(shè)計鋪(公眾號)
作者:菜心設(shè)計鋪
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》這個練習雖然已經(jīng)不錯了,但我覺得還可以有以下幾點能優(yōu)化!

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

截屏2021-05-13 上午11.41.03.png

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

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

設(shè)計師如何提升總結(jié)力

lanlanwork


前言 

 

總結(jié)能力,是人的一種底層能力和通用能力。跟創(chuàng)造力、溝通表達、學(xué)習能力等等一樣,它是無論從事什么職業(yè),做什么工作,都應(yīng)該具備的一種重要能力。

 

很多設(shè)計師只顧著提升自己的專業(yè)能力,卻忽略了這些通用能力的培養(yǎng),導(dǎo)致自己很快就陷入了發(fā)展瓶頸。現(xiàn)實中有很多這樣的例子,比如甲乙兩個人,甲的專業(yè)能力上更強一些,但乙因為很擅長跟人溝通,結(jié)果乙發(fā)展的反正要更好。

 

打個比方,專業(yè)能力就像是游戲里的技能和裝備,而通用能力,就像是游戲里人物的基本屬性。技能和裝備隨著游戲的進程可能會不斷更新替換,而基本屬性則是永遠跟隨著你的成長,它的提升給你帶來的是全方位的提升。

 

文末 原文地址可觀看此視頻講解

 

 

一、什么是總結(jié)力

總結(jié)力,也就是歸納總結(jié)的能力。

那么,我們再追問一下,什么是總結(jié)呢?它的目的是什么?

 

我們通常所說的總結(jié)主要有兩種。

圖片

 

一種信息資料的總結(jié),也就是將一些體量較大的信息,歸納概況為簡單的信息。比如我們?nèi)粘V械膶W(xué)習總結(jié)、會議總結(jié)、工作總結(jié)、年終總結(jié)等等,都是這一類。

另一種是經(jīng)驗規(guī)律的總結(jié),從大量相關(guān)的信息、資料中,尋找共性、規(guī)律,最終得出具有指導(dǎo)性的經(jīng)驗方法和結(jié)論。比如人類社會的科學(xué)、學(xué)術(shù)成果,我們所學(xué)的設(shè)計理論,設(shè)計講座、文章里分享的設(shè)計經(jīng)驗,畢業(yè)設(shè)計論文等等,都是屬于這一類總結(jié)。

 

前者,信息資料的總結(jié),是我們?nèi)粘I钪凶畛R?、最常用的,主要作用是整理歸納,就像是整理自己房間,整理超市貨物,整理圖書館資料一樣,讓它看起來更加的整潔有序。

而后者,經(jīng)驗規(guī)律的總結(jié),它是一種層次更高的總結(jié),就像凝水成冰,百煉成鋼一樣,在原有的基礎(chǔ)上進一步得到了升華。

 

二、為什么要提升總結(jié)力

接下來我們來聊為什么要提升總結(jié)能力,它的目的、作用是什么?

隨著工作經(jīng)驗的增長,技術(shù)能力漸漸成熟,拉開差距、決定上限的,往往就是審美、創(chuàng)意、設(shè)計思維等等這些更高維度的能力。

而總結(jié)能力,就是這種更高維度的能力之一。

 

先從宏觀上來看

進入設(shè)計的大門時,我們首先接觸的往往就是各種設(shè)計理論。

而這些設(shè)計理論,就是前輩設(shè)計師們一代一代總結(jié)下來的寶貴經(jīng)驗。

圖片

我們站在今日,看昨日之設(shè)計,能夠很直觀的感受到,設(shè)計像是一個有生命的東西,它是在不斷發(fā)展和進步的。

圖片

 

這種進步,是技術(shù)的進步,也是整個行業(yè)的不斷總結(jié)與迭代。

 

有了總結(jié),所以我們知道,大紅大綠不好看、要突出主體,排版要盡量對齊,熬夜要喝枸杞。。。。

 

總之,我們每個人都受益于前人的總結(jié),不必再去走前輩們曾踩過的坑。

 

 

再從個人的角度來看

鍛煉總結(jié)能力對自己有哪些幫助?這里我列舉了幾個方面:

 

1、學(xué)習能力

首先是學(xué)習能力。

無論從事什么行業(yè),擺在我們面前的第一道關(guān)卡就是學(xué)習。

人與人之間的學(xué)習能力差異是很大的。

有的人花幾周的時間就可以快速上手一門新的軟件,而有的人可能學(xué)了幾個月還是感覺自己啥也不會。

這里面的影響因素有很多,比如你是否能找到好的教程資源,每天真正花在學(xué)習上的時間有多少,學(xué)完之后是否有通過練習來鞏固,等等。

 

而總結(jié)能力,則是影響學(xué)習能力的其中一個重要因素。

它能夠幫你簡化復(fù)雜龐大的信息,更有效的消化知識,快速搭建起自己的知識技能樹。

 

如果你要學(xué)一個新的軟件和工具,在挑選書或教程的時候,可以先去看看它的目錄。

圖片

 

雖然它非常簡短,但卻是對整本書或整個教程內(nèi)容的概括總結(jié)。

一個好的教程,一定是目錄結(jié)構(gòu)清晰有條理的,而不是東講一點,西講一點,想到哪講到哪。

看完目錄,你就可以對這個軟件的功能模塊上有一個宏觀的認知。并可以篩選哪些內(nèi)容是你需要的,哪些是暫時用不上的,這樣就可以有針對性的學(xué)習,節(jié)省了很多時間。

 

2、成長提升

學(xué)習入門之后,接下來就是積累經(jīng)驗,成長提升的過程。

在設(shè)計這個行業(yè)里,能力跟工作年限,是沒有絕對的關(guān)系的。

其中,善于不斷總結(jié)過往經(jīng)驗,復(fù)盤項目的人,往往成長的會更快。

 

一個人是否善于總結(jié),其中一個關(guān)鍵在于:他是怎么看待問題的?

是僅僅看到眼前的這一個問題,還是能夠看的更遠,看的是這一類問題?

圖片

如果是前者,那么你解決的就只是當下的這一個問題。這就是為什么,有的人一個問題犯了幾十遍了,然而下次遇到類似的問題,還是會繼續(xù)犯錯。

如果是后者,那么你解決掉的就不僅是當下的這一個問題,而是未來所有類似的問題。這樣不斷的總結(jié),成長下去,最后積累的力量必然是驚人的。

 

比如我們來解決這樣一個問題:這里有幾個小元素,我們想讓其中一個元素看起來更顯眼。

圖片

應(yīng)該怎么做?

 

我們可能會想到一些辦法,比如:讓其中一個圓更大一點

圖片

 

讓其中一個圓描邊更粗:

圖片

 

或者降低其它圓的透明度,讓其中一個更亮:

圖片

 

這些方法都能達到我們的目的。

不善總結(jié)的人到這里可能就已經(jīng)結(jié)束了,因為當前問題已經(jīng)解決了。

 

但是善于總結(jié)的人到這里問題才剛開始。

他會思考:為什么這些操作會讓元素看起來更顯眼?它們中的共性和規(guī)律是什么?

 

經(jīng)過這種更深一層的總結(jié)和思考,我們可以發(fā)現(xiàn),無論是改變大小,改變粗細,還是改變亮度等等,它們的共性與本質(zhì),都是形成了“對比”。

這種對比形成的反差,讓畫面中與眾不同的的元素會更加的突出。

圖片

當我們經(jīng)過總結(jié)思考,提煉出了“對比”這個本質(zhì)之后,就能夠基于“對比”這個概念,延伸出更多的方案。

圖片

比如讓它改變顏色、進行填充、改變清晰度等等,總之只要是符合“對比”這個核心的方案都是可以的。

 

我們還可以將它運用到各種其它領(lǐng)域的設(shè)計中,解決掉所有“讓元素更突出”的問題。比如文字排版中,主標題對比其它的文字一定是最顯眼的;海報設(shè)計中,主角要放在c位,

 

甚至我們還能反向運用,把元素弱化,比如彈窗廣告的關(guān)閉按鈕永遠藏的讓你找不到。。。。

 

你會發(fā)現(xiàn),通過這種總結(jié),我們找到了問題的本質(zhì)與關(guān)鍵。從中得到的經(jīng)驗將不再只是幾個具體的解決方案,而是這個問題的“通解”。從“有限”變?yōu)椤盁o限”,從“具象”變?yōu)椤俺橄蟆薄O麓卧倏吹竭@個問題,我們就能夠站在一個更高的維度去思考。

 

 

3、溝通與表達

當然,對于設(shè)計師來說,專業(yè)設(shè)計能力的成長固然重要,但它絕不是一個設(shè)計師能力的全部。

設(shè)計離不開與人的溝通和交流,所以溝通和表達能力也非常重要。

 

而總結(jié)能力,可以讓你在溝通上非常的有邏輯性,能夠有效的把想表達的信息傳遞給對方,反之,則會讓別人聽了后面忘了前面,聽了半天也沒弄清楚你到底想說什么。

 

比如你要告訴別人一個設(shè)計要怎么優(yōu)化,如果是這么去說:

圖片

這種想到哪說到哪的方式,一旦信息量比較多的話,聽的人會很頭疼,而且get不到重點。

 

而清晰易懂的表達,一定要經(jīng)過一個總結(jié)整理的過程,減輕聽的人的接收負擔。

 

這里介紹一個比較好的表達結(jié)構(gòu):就是我們小時候?qū)懽魑牡臅r候常用的“總分總”結(jié)構(gòu)。

圖片

先說總結(jié)、結(jié)論,再進行分類、分段闡述,最后結(jié)尾再進行一次總結(jié),加深印象。

 

下面我們看看用“總分總”的結(jié)構(gòu)應(yīng)該是怎么表述的:

圖片

 

先做總結(jié):這個設(shè)計整體最大的問題是什么?然后細節(jié)上主要有哪些方面的問題?

然后做分類闡述。這個分類可以有很多種,比如可以跟之前一樣按ABCD不同的區(qū)域去劃分。但是不要跟之前一樣來來回回繞,從A講到D,又從D跳到B,而是應(yīng)該按順序講完一個再講下一個。

也可以按設(shè)計的不同層面去分類,比如根據(jù)構(gòu)圖、配色、排版、質(zhì)感、動效等不同方面分別去展開講。

最后結(jié)尾把整體最大的問題、一些關(guān)鍵的問題再總結(jié)一下,加深印象。

 

按照這樣的結(jié)構(gòu)溝通起來就會很有條理性。

 

前面我們是站在“說”的一方的角度,而如果是“聽”的一方,其實也是一樣的。

如果接收到的設(shè)計需求很多很雜,那么首先要做的就是整理歸納,做主次優(yōu)先級的排序等等,整理清楚再動手。

 

 

好了,說完了總結(jié)能力的一些應(yīng)用場景,再回頭看看我們前面所說的總結(jié)的兩種類型:

信息資料的總結(jié)經(jīng)驗規(guī)律的總結(jié)。

 

學(xué)習能力,成長提升,溝通表達,這三個方面中:

圖片

學(xué)習能力和溝通表達,所用到的總結(jié)主要屬于信息資料的總結(jié),所以它通過歸納整理,帶來了效率上的提升。

而成長提升,所用到的總結(jié)主要是經(jīng)驗規(guī)律的總結(jié),我們前面說過,它能夠在原有的基礎(chǔ)上進一步得到升華,正是這種升華產(chǎn)生的力量,推動了我們的成長

 

三、如何提升總結(jié)力

我們再來看怎么做的問題,如何去提升總結(jié)能力。

首先要說的是,總結(jié)能力其實是人的一種本能,人們的大腦會自動對信息做歸納和分類,方便自己理解。

比如有西瓜、蘋果、香蕉、草莓,雞肉五個東西,我們會自動把西瓜、蘋果、香蕉、草莓歸為一類,因為它們都是水果。

 

再比如這張圖:

圖片

 

我們會認為左邊的圖形是一組,而右邊的是另一組。

 

所以游戲機按鈕就是這么設(shè)計的:

圖片

 

其實我們每個人都是天生就擁有總結(jié)歸納的能力,

只是很多時候我們可能大腦想偷懶,沒有刻意的去進行總結(jié)。

只要你開始真正做起來,它并不是一件難事。

 

總結(jié)步驟

總結(jié)的步驟其實很簡單:

步驟一大量的資料收集,匯總

步驟二提煉規(guī)律、共性,歸類分組,得到總結(jié)

 

我們開頭所說的兩類總結(jié)中,信息資料的總結(jié),一般用到這兩步就夠了,而經(jīng)驗規(guī)律的總結(jié)還需要用到第三步:

 

步驟三將得到的總結(jié)代入大量的資料,印證完善

 

加入了第三步之后,它就形成了一個閉環(huán),會讓你的總結(jié)不斷完善下去。也就是所謂的:實踐是檢驗真理的唯一標準。

圖片

 

比如,我們前面講總結(jié)能力對成長提升的幫助中,提到的例子“怎么讓設(shè)計中的元素更明顯”,這里面我們找到的各種方法:放大,改顏色,加描邊等等,就是第一步:資料的收集匯總。

接下來我們進入了第二步:從這些方法中尋找共性,尋找規(guī)律,得到了“對比能夠讓元素更突出”這個總結(jié)。

最后是進入第三步,我們把得到的這個總結(jié)帶回“讓設(shè)計中的元素更明顯”這一類問題中,得到了更多的方案,從而繼續(xù)完善“對比”這個經(jīng)驗總結(jié)。

 

從實踐中得到的經(jīng)驗總結(jié),要再回到實踐中去,指導(dǎo)實踐,并讓自身不斷完善。

這也是設(shè)計中實踐和理論之間的關(guān)系。

從這三步形成的閉環(huán)來看,在設(shè)計師成長的前期階段,實踐重于理論,因為這時候沒有足夠的實踐和資料去支撐,也就無法完成第三步:用實踐去印證理論。

而越往后面,隨著自己掌握的經(jīng)驗、資料越來越多,這個閉環(huán)被打通,理論就會越來越重要。不斷循環(huán),不斷完善下,讓自己獲得不斷地提升。

 

而在這三個步驟中,第一步和第三步,并沒有什么操作的難度,主要是時間和耐心的問題。

那么主要的問題就是在第二步,我們按照什么樣的原則去總結(jié)?怎么去歸類分組?這里是需要不斷嘗試的。

 

幾個經(jīng)典的總結(jié)框架

所以接下來我們介紹幾個比較經(jīng)典的總結(jié)框架,如果你自己沒有好的方案,就可以直接套用這些成熟的總結(jié)框架。

 

 1、MECE原則

MECE原則是衡量歸納總結(jié)是否完善的一個經(jīng)典原則。

它是在《金字塔原理》這本書里提到了一個思考工具,中文意思是“相互獨立,完全窮盡”。

指的是分類歸納要做到:不重疊,不遺漏。

圖片

不重疊是指每一個分類之間相互獨立,不能有重復(fù)、交叉的部分。

不遺漏是指要完全窮盡,不能有遺漏的部分。

 

如果我們對人進行分類,分為“男人、女人、小孩”,這就不符合MECE原則,因為男人和女人里面也包含了小孩,有重復(fù)的部分。

 

再比如站酷對各大設(shè)計領(lǐng)域的分類。因為設(shè)計的分類非常廣泛,為了避免一些相對小眾的設(shè)計分支,找不到對應(yīng)的分類。會增加一個“其它”分類。這就滿足了“不遺漏”原則。

圖片

 

 

 

我們每天調(diào)色時都要使用的RGB色彩模式,它就是完全符合MECE原則的。

圖片

紅綠藍作為三基色,是相互獨立,互不重疊的;而它們相互組合,就可以得到所有的色彩,滿足了不遺漏的原則。

 

 

而在設(shè)計的分工合作上,使用mece原則也非常有效。

如果一個工作需要多個人分工合作來完成,根據(jù)mece原則,分工就應(yīng)該滿足兩個條件:

圖片

第一是不重疊,就是說每個人負責的任務(wù)要相互獨立,不要有交叉重疊的部分。

不滿足這一點,就會導(dǎo)致可能有兩個人做了同一件事,造成了時間的浪費。

 

第二是不遺漏,也就是說分解工作的過程中不要漏掉某項,保證最后所有人的工作合起來是完整的。

不滿足這一點,就會導(dǎo)致有一部分工作最后沒有人做。

 

2、五帽架原則

接下來我們介紹下“五帽架原則”。

「帽架]這個詞是根據(jù)類比而來,「帽」表示資料,「架」表示組織資料的方法,所以可以理解為「組織資料的五種方法]。

 

“五帽架”的概念最初是由理查德·沃爾曼在他的“ 信息焦慮”一書中提到的。

圖片

 

 

它是做資料整理時可用的五種高效的邏輯順序。

我在之前寫的“設(shè)計師如何有效提升執(zhí)行力”一文中也提到過這種方法。

它們分別是種類、時間、空間、字母、連續(xù)性。

 

種類,就是按相似性,關(guān)聯(lián)性劃分,這是我們最容易想到的一種分類方法,比如b站的各類分區(qū)。

圖片

 

 

然后是時間順序,這也是我們最常用的一種結(jié)構(gòu),比如總結(jié)自己的工作經(jīng)歷時,我們可以按時間順序從前往后,或者從后往前講;再比如做年度設(shè)計總結(jié),也可以按時間順序,羅列每個月份或者每個季度的工作。

圖片

 

 

有時間順序,自然就有空間順序,空間的不同位置,前后、遠近。

比如攝影攝像中有一個非常重要的概念,就是“景別”。它就是使用空間順序來分類的。

圖片

 

根據(jù)攝像機離被攝物體遠近的不同,我們可以劃分出遠景、全景、中景、近景、特寫五種景別。

有了這樣的統(tǒng)一劃分,導(dǎo)演,攝影師,剪輯師等等不同職能的人員之間,才能擁有一套通用的語言,無障礙的溝通。

 

 

接下來是字母順序,就是按字母、數(shù)字等符號的順序進行分類,最典型的例子就是字典。

這種方式?jīng)]有什么邏輯性,優(yōu)點就是非常直白,便于查找。很適合用于資料之間本身沒有太大相關(guān)性的。比如各種檔案、資料的管理,通常就會用不同的編號來歸類。

還有游戲里面用會SSR,SR,R這樣的編號來區(qū)分角色的強度和稀有度。

 

最后是連續(xù)性,指的是按照從小到大,從少到多,從高到低,從淺到深等等,這種數(shù)學(xué)規(guī)律去總結(jié)整理。

圖片

 

這種方式,通常都是為了能夠從總結(jié)中得出一些重要的結(jié)論。

比如我們做完了一個項目,想進行一下復(fù)盤,就可以羅列一下項目中哪些地方花的時間最多?根據(jù)時間的占比做一個排序;然后就可以針對這些消耗時間最多的地方,看看哪里可以再優(yōu)化一下,哪里效率還可以再提升提升。

 

 

3、5W2H分析法

5w2h分析法是一種廣泛用于企業(yè)管理和技術(shù)活動中的策略方法。

它由五個W和兩個H組成。分別是:

圖片

(1)WHAT——是什么?目的是什么?做什么工作?

(2)WHY——為什么要做?可不可以不做?有沒有替代方案?

(3)WHO——誰?由誰來做?

(4)WHEN——何時?什么時間做?什么時機最適宜?

(5)WHERE——何處?在哪里做?

(6)HOW ——怎么做?如何提高效率?如何實施?方法是什么?

(7)HOW MUCH——多少?做到什么程度?數(shù)量如何?質(zhì)量水平如何?費用產(chǎn)出如何?

 

通過這七個方面的思考,我們就可以總結(jié)出事情的主要框架,讓工作計劃具有完整性,思考的更加全面、清晰、有條理,避免出現(xiàn)遺漏,這也是符合前面所說的mece法則的。

 

比如工作中做總結(jié)匯報,制定一個項目的開展計劃,我們都可以使用5w2h這個總結(jié)框架,讓自己能夠?qū)θ钟幸粋€清晰的認知,也就是我們常說的做事要有“全局觀”。

 

如何高效訓(xùn)練

我們知道了總結(jié)的一些常用框架,常用方法,接下來就是去實際的運用。

怎么去高效的鍛煉自己的總結(jié)能力呢?

這里介紹兩個我自己常用的訓(xùn)練方法。

 

1、培養(yǎng)找關(guān)鍵的習慣

總結(jié),說白了就是一個濃縮凝練的過程,從一堆信息中尋找它們的核心思想和關(guān)鍵點。

就像寫文章一樣,每篇文章都會有一個“標題”,這個標題就是整篇文章的核心和關(guān)鍵。

圖片

 

所以,我們在生活中要刻意培養(yǎng)找關(guān)鍵的習慣。

 

比如工作中跟別人交流的時候,可以刻意鍛煉自己做到“長話短說”,用最簡潔的話來概括你要表達的重點,而不是給別人發(fā)一大段未經(jīng)整理的文字。能一句話講完的不要分兩句講。

 

再比如對設(shè)計做優(yōu)化,可以先去找設(shè)計中最大的問題是什么,再去抓畫面局部的小細節(jié)。

圖片

我剛開始學(xué)平面設(shè)計的時候,我的老師就曾教過我,如果要看一個設(shè)計做的好不好,就先把圖縮小,離遠了看,看看整體的感覺怎么樣,如果整體效果不行,是哪里不行,最主要的問題是什么?如果整體效果ok了,再去把圖放大看里面的細節(jié)。

 

2、費曼學(xué)習法

費曼學(xué)習法,簡單來說其實就是四個字:以教為學(xué)。

這是一種最高效的學(xué)習方法,

 

圖片

 

為什么這么說呢,這是有科學(xué)依據(jù)的。有一個著名的研究成果,叫“學(xué)習金字塔”。它通過實驗,研究出了不同的學(xué)習方式,學(xué)習者在兩周后能記住內(nèi)容的多少。

 

也就是說這篇文章你看完之后,因為屬于被動學(xué)習,過段時間你還記得的內(nèi)容最多只有30%,但是如果你看完之后還能再把它教給別人,你就能記住90%

 

圖片

 

但是這里的教,并不是說隨便怎么教,而是有目標的。

目標是要讓別人很容易聽懂,并且能夠記住。如果有些地方別人沒聽懂,或者說記不住,那就說明這些地方你的歸納總結(jié)做的還不夠好。那就要繼續(xù)去簡化表達,直到對方很容易聽懂為止。

這個過程會倒逼你對自己掌握的知識去做概括總結(jié),否則你是無法做到讓別人很容易聽懂并記住的,

如果沒有嘗試過的可以試一下,它其實是很有難度的,如果你成功了,你會發(fā)現(xiàn)自己對所教的內(nèi)容的理解會更加深刻和清晰

 

 

這個方法也是我一直在用的方法。因為我自己做過好幾年的講師,對此深有體會。有些技術(shù)點自己操作起來已經(jīng)很熟了,但是想要輕松的教會一些零基礎(chǔ)的人,還有很有難度。需要不斷的去深挖,真正理解透徹。

在教別人的過程中,我自己的收獲也是巨大的,每寫一篇文章,都是對自己經(jīng)驗的再次提煉和總結(jié),從總結(jié)中得到升華。

 

總結(jié)

本次的內(nèi)容信息量比較大,所以最后再總結(jié)回顧一下。

圖片

我們從“是什么,為什么,怎么做”三個方面展開,去聊總結(jié)能力。

先講了什么是總結(jié),大致分為信息資料的總結(jié)和經(jīng)驗規(guī)律的總結(jié)兩種。

然后講了為什么要做總結(jié),從學(xué)習能力,成長提升和溝通表達三個應(yīng)用場景出發(fā),舉例說明了總結(jié)的作用

最后是怎么做的問題,我們介紹了三個經(jīng)典的總結(jié)框架:mece法則,五帽架法以及5w2h分析法。然后講了兩種高效的訓(xùn)練方法“培養(yǎng)找關(guān)鍵習慣”以及費曼學(xué)習法。

 

歸納總結(jié),其實是一件偏理性,比較考驗邏輯的事情,雖然我們平時做設(shè)計更多的是動用感性思維。但是如果能夠把理性與感性相結(jié)合,往往能產(chǎn)生出更強大的力量。

 

希望本文對大家有所幫助。

 

原文地址:動態(tài)設(shè)計書屋(公眾號)

作者: 崔小駿

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》設(shè)計師如何提升總結(jié)力

15條APP體驗設(shè)計的思路分析

lanlanwork


“微信”

公眾號的音樂

關(guān)鍵詞:#用戶體驗#
產(chǎn)品體驗:
在微信公眾號內(nèi)的文章中或者鏈接中,會遇到插入音樂模塊的內(nèi)容,點擊播放后可以拖拽快進或者重放,同時點擊下方有15的按鈕可以快進15s或快退15s。
圖片 
設(shè)計思考:
在原有的公眾號內(nèi)插入音樂模塊是無法快進或者快退的,用戶只能聽完或者關(guān)閉音樂的單獨模塊,推出該公眾號也是不能關(guān)閉的。在優(yōu)化后這里明顯體驗更好,沒有兩極分化嚴重的選擇,增加了快進快退這樣的功能,還有一個原因我認為,在公眾號內(nèi)增加音樂模塊的內(nèi)容多數(shù)還是以推薦為目的的,增加拖拽功能后,用戶在閱讀時快速了解到到歌曲是否是自己喜愛的類型,提高用戶的選擇速度。  
 

“高德地圖”

詢問前方路況
關(guān)鍵詞:#活躍度# #用戶體驗#
產(chǎn)品體驗:
使用高德地圖導(dǎo)航后,如果路段中發(fā)生事故等原因堵塞時,在該路段會彈出一個提示框,提示該路段可能通暢的時間段,點擊提示框后進入實時交通對話框。 
圖片 
設(shè)計思考:
之前有體驗過一次高德的交通實況功能,這次也是看到了在導(dǎo)航初期就提示了路段的狀況,在系統(tǒng)的提示之外,結(jié)合實況交通的方式,更準確的提供路況信息,也是為了進一步的提高用戶在產(chǎn)品內(nèi)的活躍程度,更有可能提供潛在的陌生人社交,畢竟產(chǎn)品也上線的旅游路線等功能。  
 

“微信”

可以手動拒收其他應(yīng)用的消息
關(guān)鍵詞:#用戶體驗優(yōu)化#
產(chǎn)品體驗:
在微信的對話框內(nèi),好友發(fā)送來的非微信產(chǎn)品的分享消息,可以點擊該消息右下角的小手,點擊后彈出“接受/拒收來自此應(yīng)用的所有消息”用戶可以自主選擇是否接受。 
圖片 
設(shè)計思考:
產(chǎn)品分享鏈接無非是QQ、微信、微博、小紅書等一些社交類產(chǎn)品,其中微信的基數(shù)是最大的一個,多數(shù)小伙伴還是選擇微信登陸其他產(chǎn)品,再以微信為分享終端。不過這樣做有一個問題,就是朋友分享來的程序可能是自己不感興趣的內(nèi)容,還會拉低朋友之間的好感度。微信在這里直接上線了拒收這類消息的功能,讓用戶自己決定要不要接收,不再整個產(chǎn)品上做限制。也是按照用戶自主意愿進行了有效的分類選擇。  
 

“抖音”

關(guān)注的提示增強
關(guān)鍵詞:#視覺強化# #提示#
產(chǎn)品體驗:
在抖音觀看視頻時,長時間停留在該up主的頁面時,在作者信息下會顯示出關(guān)注的顏色飽和度較高的按鈕。 
圖片 
設(shè)計思考:
抖音的用戶基礎(chǔ)是非常龐大的數(shù)字,眾多用戶每天在產(chǎn)品中瀏覽觀看是up主發(fā)視頻的動力之一,其次,用戶的關(guān)注度更是刺激up主更新優(yōu)質(zhì)視頻的動力源之一。所以在這里產(chǎn)品強化了關(guān)注這一行為,原有的up主頭像下的關(guān)注按鈕保留之外,增加了一個面積更大的按鈕在創(chuàng)作者、視頻信息的區(qū)域,刺激用戶的視覺感受提示用戶喜歡就關(guān)注,不過這個按鈕是在用戶長時間停留之后才顯示的按鈕,產(chǎn)品會根據(jù)用戶頁面停留時長做初步判斷,用戶是否對這個視頻感興趣,停留時間長感興趣才會顯示關(guān)注按鈕提示用戶。 
  

“微信”

折疊群
關(guān)鍵詞:#強提示#
產(chǎn)品體驗:
微信群中可以進入群設(shè)置,在消息免打擾下新增折疊群的功能,點擊后將不出現(xiàn)在消息區(qū),可以在群列表中找到,也不會收到@的強提示。
圖片 
設(shè)計思考:
微信與QQ在群聊天上之前最大的不同就是,QQ可以完全屏蔽群信息,微信卻不可以,雖然有消息免打擾,但是群@消息會有強提醒的功能,用戶還是可以看到群中的信息。而這一次的優(yōu)化徹底解決了這個問題,實際的使用環(huán)境確實會有用加入群是不得已的情況,退也不好退,又不想被打擾,所以需要一個完全屏蔽的功能來解決這個問題。而這個功能推出之后,估計對運營的同學(xué)是不太友好了,私域流量的限制估計會在未來越來越大,微信也總給我一種和QQ越來越像的感覺。  
 
 

“知乎”

我的頁面中的回答問題
關(guān)鍵詞:#交互方式#
產(chǎn)品體驗:
打開知乎后切換至我的頁面,在頁面中間可以看到卡片形式的回答問題的部分,左右滑動卡片可以切換下一張。 
圖片
 
設(shè)計思考:
知乎這里的回答問題采用左右滑動的方式,更像是社交產(chǎn)品中的交互方式,但是不同點是這里的左右滑沒有附加更多的功能,只是為了看下一個內(nèi)容。不過這樣的操作也在一定程度上增加了用戶與產(chǎn)品之間的互動性,讓回答問題變得有趣。還有一點就是如果回答問題是很長的feed流,用戶會在漫長的瀏覽中產(chǎn)生疲倦感,從而導(dǎo)致流量的流失,這樣左右滑的形式可以很好的避免長頁面的瀏覽疲倦,讓用戶的精力集中在內(nèi)容本身。  
 

“微信”

視頻等待接通期間可看朋友狀態(tài)
關(guān)鍵詞:#用戶體驗#
產(chǎn)品體驗:
在微信中,與好友視頻通話時,在等待對方接電話的時間里,界面中會顯示對方近期發(fā)布朋友圈的內(nèi)容,同時點擊下方按鈕可以收起內(nèi)容不查看。  
圖片  
設(shè)計思考:
在生活中,微信已經(jīng)成為我們?nèi)粘W钪饕臏贤ㄊ侄沃?,而隨著流量降費,視頻電話也更多的興起。隨之而來的就是在等待電話的過程中,用戶是無事可做的狀態(tài),增加對方用戶的朋友圈發(fā)布內(nèi)容觀看,除了知道對方近期做了什么,也是消除等待電話的真空期,提升用戶體驗。  
 

“騰訊地圖”

搜索路線更綜合
關(guān)鍵詞:#用戶體驗#
產(chǎn)品體驗:
在騰訊地圖中搜索路線,在公共交通這里會有更綜合的搜索結(jié)果,把騎行也包含在目標路線內(nèi)。 
圖片
 
設(shè)計思考:
騰訊地圖的公共交通搜索更綜合,對于日常上班出行的人群來說更友好,往往增加一個交通工具的選擇可以有更多一種節(jié)省時間的出行方式,而且標注了每一條結(jié)果路線的預(yù)計費用,這也是給用戶多一個選擇思考的方向。 
  

“閑魚”

長輩模式
關(guān)鍵詞:#適老設(shè)計#
產(chǎn)品體驗:
在閑魚中我的頁面內(nèi),設(shè)置按鈕進入后可以在列表中可以找到長輩模式,點擊后進入確認開啟頁,點擊開啟后重啟app進入長輩模式。
圖片 
設(shè)計思考:
面對老齡結(jié)構(gòu)嚴重的社會,互聯(lián)網(wǎng)產(chǎn)品不只是年輕人的專屬,疫情之后更多老年人學(xué)會了智能手機,從而帶來的問題就是多數(shù)產(chǎn)品沒有適老設(shè)計,老年人面對小手機會看不清內(nèi)容,操作按不準等現(xiàn)象凸顯出來,玲瑯滿目的運營活動也是讓老年人招架不過來。
那么,面對這么龐大的人群基數(shù),推出適合老年人的產(chǎn)品就顯得更為重要。這里并不單單是為老年人優(yōu)化設(shè)計更好的用戶體驗,而是從根本上,心里上解決老年人在互聯(lián)網(wǎng)產(chǎn)品使用的問題,閑魚在這里推出的長輩版本刪除了很多花里胡哨的設(shè)計元素,也沒有簡單用大字解決一切,更好的滿足老年人使用需求。 
  

“App Store”

搜索結(jié)果增加細分標簽(ios)
關(guān)鍵詞:#標簽#
產(chǎn)品體驗:
在ios系統(tǒng)的Appstore內(nèi),搜索目標內(nèi)容后,搜索結(jié)果頁面搜索框下新增了結(jié)果的細分標簽,點擊標簽可以進一步篩選。  
 
圖片 
設(shè)計思考:
蘋果商店中在近幾個月不斷的更新,首先是之前增加的搜索結(jié)果頁廣告位,這里有增加了搜索結(jié)果的細分標簽,可以讓用戶進一步細分篩選,節(jié)約目標明確的用戶,因瀏覽導(dǎo)致選擇困難或無限下滑尋找目標的痛苦。  
 

“綠洲”

我的頁面增加時間線
關(guān)鍵詞:#用戶體驗#
產(chǎn)品體驗:
在綠洲中,進入我的頁面,可以看到自己發(fā)表內(nèi)容的時間線,切換tab到第二個icon也保留了瀑布流的列表樣式。 
圖片 
 
設(shè)計思考:
在最初的綠洲中沒有設(shè)置發(fā)布時間線的展示樣式,只有瀑布流的列表樣式,用戶在這里雖然可以有更前衛(wèi),更沉浸的閱讀感受,但是作為內(nèi)容發(fā)布,并不能很好的看到自己發(fā)布內(nèi)容的時間,尤其是時間久了之后,會有忘記原來發(fā)布的時間。那么增加時間線后,用戶可以很清楚的看到自己發(fā)布每一個內(nèi)容時的時間點,作為內(nèi)容發(fā)布的產(chǎn)品來說,這種功能的增加也會激發(fā)用戶的成就感,刺激用戶繼續(xù)發(fā)布。  
 
 

“淘寶”

雙11前的視覺變化
關(guān)鍵詞:#視覺氣氛#
產(chǎn)品體驗:
更新淘寶產(chǎn)品之后,啟動可以發(fā)現(xiàn)淘寶有點不一樣了,首頁、逛逛頻道視覺更新。   
圖片 
設(shè)計思考:
隨著淘寶的雙十一購物節(jié)的到來,從遠古的光棍節(jié)的感念到現(xiàn)在全民購物的形成,產(chǎn)品在這個節(jié)點前增強節(jié)日氣氛,用戶在啟動打開產(chǎn)品后會潛移默化的感覺到購物的氣氛,在氣氛烘托的作用之下用戶會逛一逛,動作有了開始的第一步隨之而來的就會有后續(xù)的一連串動作。  
 

“開眼”

底部標簽欄的交互方式
關(guān)鍵詞:#趣味性# #用戶習慣#
產(chǎn)品體驗:
啟動產(chǎn)品后,切換底部標簽欄,可以看到選中狀態(tài)是中文漢字加選中點,未選中的則為icon符號。在切換時也采用了模仿滾動的樣式。  
圖片 
設(shè)計思考:
底部標簽作為整個產(chǎn)品的導(dǎo)航,承接這很重要的功能性,用戶進入產(chǎn)品除了看到首頁的視覺、滑動兩下看內(nèi)容,接下來就是點一點底部的導(dǎo)航。有序的底部導(dǎo)航會對產(chǎn)品的使用有不少的加分,比如愛奇藝、優(yōu)酷的點擊交互,比如早一點之前版本的站酷app都是比較有序的方式,當然,極簡的樣式也是有的比如小紅書、Behance這樣的。
而開眼雖說也是極簡的類別中,但是更適應(yīng)中文用戶的交互方式,作為傳統(tǒng)的中文用戶,習慣性的還是要看一下文字的提示來確保點擊正確,減少大腦的二次思考。所以開眼并沒有像Behance一樣完全符號化,也沒有像小紅書全完中文漢字,將兩者結(jié)合之后加上一定的動效豐富切換的之間的有趣度,感覺會更符合大眾用戶的使用習慣 
 

“斗魚”

將用戶關(guān)注內(nèi)容分類
關(guān)鍵詞:#細分#
產(chǎn)品體驗:
在斗魚中,用戶關(guān)注的主播列表進行了很好的分類,未開播、錄播、正在直播、精選視頻和很久未上線的主播分類設(shè)計。 
圖片 
設(shè)計思考:
目前市場中的軟件產(chǎn)品中,不論是不是內(nèi)容類的,都設(shè)計了收藏的功能,當然也不是說收藏功能只有內(nèi)容類的可以用。斗魚作為直播平臺,收藏喜歡的主播可以節(jié)約用戶的操作路徑,快速觸達用戶目標。但是問題也來了,并不是所有的產(chǎn)品都會細分收藏之后的內(nèi)容,收藏列表里大多數(shù)還是按照時間點按序排列。而斗魚這里之前版本也是這樣的方式,但是更新之后的斗魚收藏列表則一改面貌,更好的細分可以讓用戶更快的找到目標,較少思考提高效率也就會留住用戶。 
 

“支付寶”

積分去看看
關(guān)鍵詞:#按鈕#
產(chǎn)品體驗:
在支付寶中付款完成后,支付完成頁面中金額下第一個卡片是領(lǐng)積分,點擊立即領(lǐng)按鈕后領(lǐng)取積分,領(lǐng)取完成后按鈕變?yōu)槿タ纯?,點擊后跳轉(zhuǎn)積分頁面。 
圖片 
 
設(shè)計思考:
支付完成后的領(lǐng)取積分,這里點擊領(lǐng)取并不會跳轉(zhuǎn)到積分頁面,不會對用戶造成頁面之間的跳轉(zhuǎn)導(dǎo)致多一步返回的操作,而點擊之后將按鈕由“立即領(lǐng)”變?yōu)椤叭タ纯础笨梢宰層脩舳嘁粋€選擇,是否要去積分頁,減少用戶的來回操作的煩躁感。同時在視覺上,領(lǐng)取積分為實心的暖色按鈕,點擊感視覺沖擊上比較強烈,領(lǐng)取之后的去看看變?yōu)榭招牡木€框按鈕,在視覺強度上減弱,也在一定程度上考慮了購物之后需要展示付款成功頁面的使用環(huán)境,需要降低用戶的視覺沖擊。 
  
本期產(chǎn)品設(shè)計細節(jié)分享結(jié)束,我們下期再見。  
 

原文地址:黑馬家族(公眾號)

作者:神奇的小豪同學(xué)

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》15條APP體驗設(shè)計的思路分析

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

截屏2021-05-13 上午11.41.03.png

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

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



教程 | 設(shè)計中的規(guī)矩與秩序

lanlanwork



今天我們講講關(guān)于設(shè)計中的規(guī)矩與秩序

圖片

 

中國人經(jīng)常講沒有規(guī)矩不成方圓,規(guī)矩不是固執(zhí)也不是保守,在規(guī)矩之內(nèi)任意的流動,所形成的是規(guī)律,這便是規(guī)矩的內(nèi)涵。

圖片

 

世間萬物,變幻萬千,形成無序的混亂體系和錯綜關(guān)系,合理分配成規(guī)范化的形態(tài)和關(guān)聯(lián)體系,支撐起這一切的作用,這是秩序。

圖片

 

所謂秩序為方,規(guī)矩成圓,這不僅是上千年留下來的一個古語,也透徹了一切事物本源的真相,如何運用在設(shè)計中,我們先做個示范。

圖片

 

教程示范一

1、甜甜圈放置規(guī)矩之內(nèi),神奇的綠色總能讓男人瞬間清醒。

圖片

 

2、增加文字與圖形,版式中以合理分配主次內(nèi)容。

圖片

 

3、搭建框架在四周形成秩序關(guān)系,合理的變化流動,一切都掌握在規(guī)矩的作用中。

[優(yōu)化輸出圖像]

 

4、增加背景,合理的在規(guī)矩之內(nèi)適當變化。

[optimize output image]

 

圖片

 

 

想要更多的變化方式,當然可以。

▽ 

教程示范二

1、將物體隨意放置到規(guī)矩之內(nèi)。

圖片

 

2、內(nèi)部的可以隨著主體的變化,改變各物體大小規(guī)律。它,便是流動的,且變化的,但依然在規(guī)矩之中有序的綻放。

圖片[optimize output image]

 

3、在秩序的外框架中,編排我們的需求文案,在編排時,注意整體的一個流動方向。

圖片

 

4、放置后的編排文字布局,要保持上下的比例平衡來穩(wěn)定中心的視覺,否則會造成整體畫面的失衡,以此改變了本身的秩序。

圖片

圖片

 

5、中心的視覺可在規(guī)矩之內(nèi)形成了多個空間層次,富有豐富的變化感。

圖片

 

6、背景的色彩幫助規(guī)矩有了更體系化的完整展現(xiàn),使之形成了微妙的化學(xué)反應(yīng)。

圖片

圖片

 

在這規(guī)律之中,感受并掌握這樣的變化方法,你便有了上千種的設(shè)計形式。

圖片

[優(yōu)化輸出圖像]

 

這就是今天帶來的設(shè)計中的規(guī)矩與秩序。

 

原文地址:修先森撩設(shè)計(公眾號)

作者:修先森

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》教程 | 設(shè)計中的規(guī)矩與秩序

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

截屏2021-05-13 上午11.41.03.png

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

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



獨家首發(fā) | 2022年視覺設(shè)計趨勢,美得很高級!

lanlanwork


#1.幻彩立體

圖片
幻彩立體也是3D設(shè)計的演化,在2022年它會依然會瘋狂的出現(xiàn)。不過風格上有些微妙的變化,質(zhì)感更輕盈純粹、色彩更少量、圖形上更幾何塊面化,保持更真實的空間立體感受,直觀自然。
圖片

我們可以從Dribbble 上面看到像UI8、craftwork、Is等,他們的3D作品逐漸趨近走向更簡潔風格調(diào)性,減少復(fù)雜的光影,這也是在扁平化中找到的思路。

圖片
圖片

圖片

 

#2.幾何分形

圖片
美國電視頻道 Turner Classic Movies 
今年發(fā)現(xiàn)越來越多幾何形狀在平面作品或者UI中出現(xiàn),新的幾何圖形更具表意,更趨于表達真實情感。少了一些圖形的抽象化裝飾,更多的是傳達設(shè)計理念,品牌符號穿透。當分形形狀與色彩完美結(jié)合,可以創(chuàng)建出極具吸引力的視覺效果。
圖片
Goodfood Market

圖片

圖片
HANBOK CULTURE WEEK
圖片
unipapa 推出的衛(wèi)生紙,以簡潔純白的包裝令人眼前一亮。

 

#3.NFT藝術(shù)

圖片
Gucci 發(fā)布首款只能在數(shù)字環(huán)境中穿著的虛擬運動鞋
AR和VR這個大家都知道,前幾年就火起來了。今天主要提一下今年備受關(guān)注的NFT藝術(shù),什么NFT?其中文名稱是非同質(zhì)化代幣,一種應(yīng)用區(qū)塊鏈技術(shù)驗證的數(shù)字資產(chǎn)。它最容易理解的外號,是數(shù)字藝術(shù)品。
圖片
Andrés Reisinger 在 2 月份售出支持 NFT 家具

將NFT與平面設(shè)計聯(lián)系起來,就是我們所說的數(shù)字平面藝術(shù)。它的到來對設(shè)計師影響有很大變化,橫向能力要求有所提高,比如了解虛擬數(shù)字化設(shè)計,以及對全新審美和新三維技術(shù)有更高的要求。

圖片
 Beeple 一幅拼貼畫,經(jīng)過區(qū)塊鏈驗證的藝術(shù)品在拍賣會上以超過 6900 萬美元的價格成交。
圖片
Beeple 的其中一幅作品
Moooi與 3D 藝術(shù)家Andrés Reisinger合作完成了這把不能生產(chǎn)的虛擬椅子

 

#4.超萌趣圖標

來源:騰訊ISUX出品

圖標設(shè)計一直是社交領(lǐng)域的重頭戲,自從去年大量在設(shè)計作品中后,截止今年依然很強勁。因為很多設(shè)計師意識到單一的枯燥圖標無法滿足一些特殊場景的情感化設(shè)計表達,平面超萌趣圖標來了,帶來更強的視覺觀欣賞性與生動性。
來源:騰訊ISUX出品

圖片

圖片
圖片

 

#5.經(jīng)典襯線字體

圖片
襯線字體在今年Behance作品集首頁上,可謂出鏡率可比以往高,喚起一種懷舊的感覺。也許是因為看多了襯線字體版式,設(shè)計師更多想嘗試用襯線字體來打破僵局,設(shè)計出新穎的視覺效果。
圖片

圖片

圖片

圖片

圖片

 

#6.自然設(shè)計

圖片

 Vocation

自然設(shè)計,主張可持續(xù)性發(fā)展與環(huán)境建立聯(lián)系,是一種新生活態(tài)度,是百轉(zhuǎn)千回,回歸本源的理想之態(tài)。設(shè)計師通過設(shè)計表達對環(huán)境的敬意,與產(chǎn)品建立強相關(guān),既能表達產(chǎn)品自然純粹之意,又可以宣傳品牌貼近我們生活自然之意。

圖片

&SMITH 涼茶包裝“循環(huán)生活”理念

圖片

TR?VE

圖片

 

#7.超變形字體

圖片

dia Design studio

今年很多平面海報設(shè)計、品牌符號的動態(tài)系統(tǒng)設(shè)計中,都可以看到字體被扭曲、變形,以一種新的形態(tài)出現(xiàn)在眼前,沒錯,這就是超變形字體。它打破常規(guī),以不同尋常的路子出現(xiàn)在大眾視野中,帶來全新視覺體驗。

圖片

圖片

圖片

 

#8.動態(tài)包裝

說到動態(tài)包裝,這是在國內(nèi)外這兩年火起來一個大趨勢,首先微軟早期各種產(chǎn)品宣傳視頻,在到Google、IBM、Apple的視覺語言更新宣傳視頻?,F(xiàn)在越來越多廠商喜歡廠商動態(tài)包裝產(chǎn)品,這樣比平面展示更多細節(jié)與生動。

 

Rise

格拉斯哥設(shè)計工作室Need為Rise全新重塑品牌,同時通過動態(tài)展示品牌延展設(shè)計。

今天的趨勢分析差不多到這結(jié)束了,設(shè)計趨勢沒有好壞之分,選擇合適的應(yīng)用在設(shè)計中,將發(fā)揮不可估量的作用。希望今天的分享能給大家?guī)硪恍﹩l(fā)。

 

原文地址: 功夫UX(公眾號)
作者: 功夫UX
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》獨家首發(fā) | 2022年視覺設(shè)計趨勢,美得很高級!

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

截屏2021-05-13 上午11.41.03.png

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

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


走進用戶,開啟家政服務(wù)新模式

lanlanwork


01.背景

目前,眾多的平臺商家都是以微信群的方式維護家政從業(yè)人員信息,通過微信甩單,讓家政從業(yè)人員自薦或其與他商家合單的方式,完成訂單對接。
 

不過,此類供給方式也存在一些不可避免的問題:

· 家政從業(yè)人員信息變更很迅速,匹配雇主的時間窗口較短;

· 商家訂單在匹配家政從業(yè)人員時,匹配成本很高;

· 商家必須手動實時維護大量微信群,以保證獲取新鮮資源對接;

· 被動且不受控制,好單有可能被爆單,且無法控制傳播路徑和時間;

圖片

基于這些問題,58家庭服務(wù)通過平臺策略,力求將線下甩單、合單的合作模式移植線上,以初期實現(xiàn)”家政從業(yè)人員 – 商家訂單需求”雙方供需智能匹配的形式,為以后在線上高效率完成“銷售線索-家政員匹配-服務(wù)簽單-營收分配”的流程打下基礎(chǔ)。

借此契機,我們在對齊業(yè)務(wù)訴求的同時,更加深入的走進用戶,從不同的角度出發(fā),為家政從業(yè)人員提供優(yōu)質(zhì)的接單環(huán)境,為商家(經(jīng)紀人)搭建靈活的建單形式。讓設(shè)計策略與業(yè)務(wù)策略深度融合,實現(xiàn)“人-單”的精準匹配。

 

02.用戶研究與設(shè)計策略設(shè)定

通常,我們稱呼家政從業(yè)人員為阿姨,阿姨是58家庭服務(wù)平臺十分重要的勞動者資源。所以我們也十分看重阿姨們在使用產(chǎn)品時的體驗,致力于提高產(chǎn)品的易用性與實用性。

對此我們通過多種途徑相結(jié)合方式,對58阿姨使用產(chǎn)品的狀態(tài)進行調(diào)研,并得出了一份適用于58阿姨的無障礙設(shè)計方案,輔助我們跟緊用戶訴求,讓設(shè)計策略為用戶服務(wù)。

圖片

 

03.阿姨端,圍繞無障礙原則展開的設(shè)計

為58阿姨提供優(yōu)質(zhì)的接單環(huán)境

主要秉承三個原則:清晰準確、感知清晰、操作簡單

圖片

阿姨通過界面中的文字快速獲取訂單信息,那么對文字字號和間距的合理設(shè)定,可以保障阿姨的基礎(chǔ)瀏覽與操作性能。從調(diào)研結(jié)果中我們了解到,以16px為設(shè)計因子的設(shè)計方案最為阿姨認可。所以我們以此為基數(shù)設(shè)定了界面字號和間距的使用規(guī)范。
不過規(guī)范的使用也要具有靈活性,我們既要滿足阿姨的視覺需要,又要保證頁面信息的承載率。例如:
 

· 瀏覽型頁面

與簡歷創(chuàng)建流程不同,阿姨在接單大廳尋求工作機會時,其接單的目的屬性更強,信息讀取的需求更甚于操作,通用規(guī)范會讓頁面拉的很長,所以設(shè)計上,在保持同等字號的同時,可以將需求單內(nèi)各項信息之間的間距按基數(shù)縮減,保證頁面信息的承載率。

圖片

然后針對重點信息增加放大功能,同時強調(diào)字重和色彩的對比,讓讀取更加人性化。

圖片

 

· 操作型頁面

操作型頁面,信息的讀取并重于功能的操作,就不僅是字號和間距問題,設(shè)計同時要考慮減少輸入性的交互,盡量去采用選擇類型交互。

并在此基礎(chǔ)上放大點觸目標,以提升阿姨的點擊準確率,避免誤觸。

圖片

同時,在調(diào)研的時候我們發(fā)現(xiàn),我們平臺的阿姨其實在視覺障礙方面的影響并沒有我們想象的那么強烈,只是對信息獲取的反饋要求更高。所以在設(shè)計時,要降低阿姨對信息理解的障礙,及時就近給出阿姨對操作的明確反饋和提醒

圖片

這個功能點其實很小,談不上是核心的使用場景,但是這個對勾的反饋就很關(guān)鍵,讓阿姨能夠清楚的明白選擇的結(jié)果。

當然反饋也可以結(jié)合場景,將功能引導(dǎo)或者信息提示與相關(guān)場景相融合,阿姨的感知也更直觀,更強烈。

圖片

還有在話術(shù)語義等方面的一些細節(jié),依舊秉持同樣的原則,就不一一展示了。

 

04.商家端,開啟人-單智能匹配

基于用戶使用場景,將C端需求進行精準細分

將需求單中,C端客戶的每一個要求,都定義成一個模塊,從視覺表現(xiàn)和層級關(guān)系上進行信息的細分分類,豐富每一個內(nèi)容點。

圖片

例如創(chuàng)建需求單時,單純的單選或者多選的形式,已經(jīng)不能完全涵蓋所以客戶的需求。

滾動形式的單選,范圍太過籠統(tǒng)且不能跨域,多選雖然能滿足大多數(shù)情況,但客戶的要求千人千面,這種形式依舊不夠靈活。

所以設(shè)計上增加了附有兩個連續(xù)滑塊的選擇器,允許商家根據(jù)客戶需求設(shè)定某個特定的值或者一個范圍值。例如身高、體重、年齡、薪資范圍等,實現(xiàn)對需求的定義更加自由精準。

圖片

從而更精準地匹配我們的家政從業(yè)人員,解決交易雙方信息不對等的問題,讓供需關(guān)系更加智能。

 

05.結(jié)語

換一個角度看“商家訂單需求-家政從業(yè)人員”雙方供需智能匹配的形式,其實都是對用戶真實需求的挖掘?;诩榷ǖ脑O(shè)計策略,不斷完善在線服務(wù)體系,同時將信息的傳與達進行提煉與外顯,以體驗助力產(chǎn)品,實現(xiàn)B端阿姨和商家的體驗協(xié)同優(yōu)化和C端客戶的需求滿足。


 

原文地址:58UXD(公眾號)

作者:環(huán)鐵藝術(shù)家

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》走進用戶,開啟家政服務(wù)新模式

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

截屏2021-05-13 上午11.41.03.png

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

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





作品集這樣排版,不進大廠都難!

lanlanwork


 

01.關(guān)鍵詞排版

關(guān)鍵詞排版是很常用的一種排版方式,可以讓面試官一下就抓到重點。但是大部分人都是圓圈加文字的表達方式,會顯得有些簡單、乏味。如果能配上圖形或者圖標搭配就會豐富、精致很多。

圖片

圖片

圖片

圖片

圖片

圖片

圖片

 

02.模塊分離

將頁面中部分的內(nèi)容模塊分離出來展示,可以是圖形或是卡片等等。不僅可以強調(diào)頁面的層級展示,還可以讓作品集排版更加出彩。

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

a

03.細節(jié)特寫

作品集排版頁面中可以穿插一些放大的特寫,可以展現(xiàn)一些精心制作的小細節(jié),或者項目當中需要強調(diào)的內(nèi)容。不僅可以豐富頁面的排版形式,還能一目了然地展示出項目的側(cè)重點。

圖片

圖片

圖片

圖片

圖片

a

04.圖文搭配

這個看起來好像是“廢話方法”,一個主體圖形和文字進行搭配,但是精髓在于文字部分最好是兩種粗細或者字體或者大小寫的不同對比,讓文字內(nèi)容更有層次。

圖片

圖片

圖片

圖片

圖片

圖片

圖片

 

05.平分畫面

將畫面一分為二,填充不同的顏色背景。有鮮明的層次感和形式感,可以很好地表達一些需要對比的內(nèi)容,或者需要進行多維度展示的內(nèi)容。

圖片

圖片

圖片

圖片

 

原文地址:設(shè)計師深海(公眾號)

作者:設(shè)計師深海


轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》作品集這樣排版,不進大廠都難!

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

截屏2021-05-13 上午11.41.03.png

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

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



日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.yvirxh.cn

存檔