首頁

設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)

天宇 設(shè)計思維

在設(shè)計實踐的廣闊天地里,設(shè)計師們常面臨一個核心挑戰(zhàn):如何在領(lǐng)導(dǎo)與產(chǎn)品經(jīng)理缺乏設(shè)計敏感度的環(huán)境中,持續(xù)產(chǎn)出高質(zhì)量作品,并確立設(shè)計評價的統(tǒng)一標(biāo)準(zhǔn)。本文通過分析具體案例,探討視覺設(shè)計的構(gòu)成要素與評估原則,旨在為設(shè)計師指明成長路徑,促進(jìn)專業(yè)技能的精進(jìn)。
 
設(shè)計品質(zhì)的界定與追求
  1. 獎項榮譽(yù)的光環(huán):例如,無印良品憑借一組榮獲日本平面設(shè)計最高獎項——龜倉雄策獎的海報,展示了設(shè)計的卓越。該獎項被譽(yù)為設(shè)計界的“奧斯卡終身成就獎”,海報以簡練的色彩和幾何形狀,藝術(shù)化地再現(xiàn)了人與自然的和諧,特別之處在于全部采用廢紙板制作,既創(chuàng)新又環(huán)保,與品牌理念緊密相連,實現(xiàn)了藝術(shù)與商業(yè)的雙贏。
  2. 國際設(shè)計獎項的權(quán)威:德國紅點設(shè)計獎,作為全球設(shè)計領(lǐng)域的風(fēng)向標(biāo),激發(fā)了全球設(shè)計師的熱情。像徠卡相機(jī),不僅是高端攝影的代名詞,其設(shè)計也屢獲殊榮,融合了創(chuàng)新與傳統(tǒng),成為設(shè)計與商業(yè)并重的典范。自2015年推出的Apple Watch,亦憑借不斷的創(chuàng)新設(shè)計,摘得了眾多設(shè)計桂冠,證明了設(shè)計在推動產(chǎn)品革新和市場接納中的關(guān)鍵作用。
  3. 設(shè)計公司的國際舞臺:提及韓國設(shè)計公司Plusx,其在紅點設(shè)計獎的頻繁亮相,顯示了設(shè)計跨界合作與國際化視野的重要性,為設(shè)計的多元化和國際競爭力提供了范例。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
 
在評估設(shè)計作品,尤其是商業(yè)設(shè)計的價值時,獲得權(quán)威設(shè)計獎項的認(rèn)可確實是衡量其優(yōu)秀與否的重要標(biāo)準(zhǔn)之一。然而,好設(shè)計的定義遠(yuǎn)不止于此,它還需在實用與美學(xué)間取得完美平衡。
 
深澤直人的傘柄設(shè)計:一個典型的例子是日本設(shè)計大師深澤直人的雨傘設(shè)計,傘柄的微妙凹槽,既自然又貼心地解決了雨天攜帶購物袋的困擾,展現(xiàn)了設(shè)計的創(chuàng)新與人文關(guān)懷。這類設(shè)計以其細(xì)膩洞察和實用價值,贏得了廣泛贊譽(yù)。
 
實用性與美感并重:產(chǎn)品的美學(xué)不應(yīng)脫離其實用性而獨立存在。蘋果iMac的設(shè)計就是這一原則的杰出代表。從初代的半透明機(jī)身到如今的超薄設(shè)計,每一代產(chǎn)品都展現(xiàn)出極致的工藝美學(xué),即便在沒有品牌標(biāo)識的情況下,其設(shè)計的獨特性也能讓人一眼辨識,這正是精湛工藝與美學(xué)融合的典范。
 
直觀性與普適性:好的設(shè)計應(yīng)當(dāng)易于理解,跨越年齡界限。無印良品的CD播放器設(shè)計便是一個典型,其簡潔直觀的操作界面,即便是老人和孩子也能輕松掌握,體現(xiàn)了設(shè)計的人性化和普及性。
 
設(shè)計哲學(xué)的深度:以微信為例,其設(shè)計理念強(qiáng)調(diào)“克制”與“約束”,從簡潔的開屏界面到不刻意夸大產(chǎn)品價值,專注于核心功能,展現(xiàn)了一種對用戶尊重與誠實的態(tài)度。在眾多APP日益商業(yè)化的背景下,微信多年如一日的堅持,顯得尤為難能可貴。
 
真誠與透明:反觀當(dāng)前某些廣告宣傳,如電商平臺中常見的誤導(dǎo)性促銷信息,如所謂的“第二件0元”實則并未真正減免,這種做法違背了好設(shè)計的真誠原則,損害了消費者的信任。真正的優(yōu)質(zhì)設(shè)計,應(yīng)當(dāng)如同微信一樣,以真實的功能價值贏得用戶,而非依賴虛假營銷。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
 
設(shè)計,無論是應(yīng)用于APP還是工業(yè)產(chǎn)品,核心在于實用性,滿足用戶需求的同時,也不忘在細(xì)節(jié)處下功夫。正如無印良品的電飯煲,圓潤可愛的外表下,還細(xì)心設(shè)計了放置飯勺的凹槽,這些細(xì)微之處的關(guān)懷,成就了設(shè)計的卓越。優(yōu)秀的設(shè)計作品,即便隨時間流逝,其設(shè)計理念與文化內(nèi)涵仍歷久彌新,成為不朽的經(jīng)典,如博朗和蘋果的早期設(shè)計,至今仍是設(shè)計史上的里程碑。
 
設(shè)計的精髓在于全面性,避免在顯眼處過分雕琢,而忽視了不起眼的角落。正如商場中,若華麗的大堂與臟亂的洗手間形成鮮明對比,顧客的體驗將大打折扣,難以吸引回頭客。因此,卓越設(shè)計的標(biāo)志是對每一個細(xì)節(jié)的精心打磨,確保整體體驗的完美無瑕。
來自瑞典的品牌Freitag,巧妙利用回收卡車車篷制作背包,其獨特的二手質(zhì)感、個性化圖案與顏色,不僅設(shè)計實用,更傳遞出強(qiáng)烈的環(huán)保理念,展示了設(shè)計與可持續(xù)發(fā)展的完美融合。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
 
1.Good design is innovative
好的設(shè)計是創(chuàng)新的
2.Good design is aesthetic
好的設(shè)計是美的
3.Good design makes a product understandable
好的設(shè)計是易懂的
4.Good design is unobtrusive
好的設(shè)計是克制的
5.Good design is honest
好的設(shè)計是誠實的
6.Good design makes a product useful
好的設(shè)計是實用的
7.Good design is long-lasting
好的設(shè)計是經(jīng)得起歲月的考驗
8.Good design is thorough down to the last
detail
好的設(shè)計是考慮周到并且不放過每個細(xì)節(jié)的
9.Good design is environmentally friendly
好的設(shè)計是環(huán)保的
10.Good design is as little design as possible
 
設(shè)計領(lǐng)域的金科玉律,尤其是Dieter Rams提出的“好設(shè)計的10個原則”,深刻影響了德國博朗公司的產(chǎn)品哲學(xué),這些原則成為了衡量設(shè)計作品的經(jīng)典標(biāo)尺。
 
商業(yè)設(shè)計的卓越不僅體現(xiàn)在設(shè)計本身的美感與創(chuàng)新,更在于市場的積極反饋和用戶口碑。蘋果產(chǎn)品是這一理念的典型例證,不僅屢獲設(shè)計大獎,其市場表現(xiàn)和銷量同樣令人矚目。戴森公司則以創(chuàng)新技術(shù)為核心,如其吹風(fēng)機(jī)、卷發(fā)棒等產(chǎn)品,憑借前沿科技與設(shè)計美學(xué)的結(jié)合,實現(xiàn)了商業(yè)上的巨大成功,再次證明了好的商業(yè)設(shè)計應(yīng)是美觀性與市場性的雙重勝利。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
視覺設(shè)計與UI設(shè)計的標(biāo)準(zhǔn):
 
視覺設(shè)計與UI設(shè)計的標(biāo)準(zhǔn)化對于維護(hù)品牌形象、提升用戶體驗至關(guān)重要。在大型企業(yè)中,確保設(shè)計的一致性尤為關(guān)鍵,以下是一些普遍認(rèn)可的設(shè)計標(biāo)準(zhǔn):
 
1. 網(wǎng)格系統(tǒng)的應(yīng)用:確保頁面布局有序,增強(qiáng)一致性。
2. 比例與尺寸的合理性:維持視覺元素間的和諧比例。
3. 文字的清晰可讀:選擇易讀性強(qiáng)的字體,合理設(shè)置字號、行距。
4. 色彩的情感傳達(dá):色彩運用需考慮文化寓意及情感影響。
5. 圖片的精選與優(yōu)化:高質(zhì)量圖像與品牌調(diào)性相符,提升視覺吸引力。
6. 圖標(biāo)與圖形的規(guī)范:制定統(tǒng)一的圖標(biāo)庫,確保圖標(biāo)含義清晰一致。
7. 按鈕設(shè)計的統(tǒng)一性:按鈕樣式、交互反饋需遵循統(tǒng)一標(biāo)準(zhǔn)。
8. 視覺層次的構(gòu)建:通過大小、顏色、位置等區(qū)分信息優(yōu)先級。
9. 對齊與平衡法則:確保頁面元素視覺上的平衡與協(xié)調(diào)。
10. 視覺引導(dǎo)策略:明確的視覺路徑引導(dǎo),幫助用戶高效完成任務(wù)。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
 
產(chǎn)品設(shè)計的優(yōu)質(zhì)標(biāo)準(zhǔn):
 
遵循上述設(shè)計準(zhǔn)則的同時,產(chǎn)品設(shè)計還需考慮以下幾個方面:
- 用戶中心:深入理解用戶需求,以用戶為中心進(jìn)行設(shè)計。
- 功能性:確保產(chǎn)品功能的實用性和易用性,解決用戶痛點。
- 創(chuàng)新性:在設(shè)計中融入新穎理念,區(qū)別于競爭對手。
- 持續(xù)性:設(shè)計應(yīng)考慮產(chǎn)品的生命周期,便于升級和維護(hù)。
- 可持續(xù)性:關(guān)注環(huán)保材料與制造工藝,減少環(huán)境影響。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
 
在設(shè)計實踐中,嚴(yán)格遵循這些準(zhǔn)則,不僅能提升設(shè)計的專業(yè)度,還能確保產(chǎn)品在視覺與功能上的雙重卓越。
網(wǎng)格系統(tǒng)作為設(shè)計領(lǐng)域的基石,其重要性已被谷歌、微軟、蘋果、Naver、阿里巴巴等巨頭公司廣泛認(rèn)可,并將其納入設(shè)計規(guī)范之中。盡管網(wǎng)格并非僵化的規(guī)則,允許在基礎(chǔ)框架上靈活變化,但它在維持設(shè)計的一致性和提高工作效率方面扮演著至關(guān)重要的角色。
 
Web設(shè)計中的12列網(wǎng)格標(biāo)準(zhǔn):12列網(wǎng)格因其靈活性而備受歡迎,能夠輕松適應(yīng)6列、4列、3列乃至2列的布局需求,使得頁面結(jié)構(gòu)更加條理化和模塊化。在PC端設(shè)計中,采用12欄網(wǎng)格系統(tǒng)能夠顯著提升頁面的統(tǒng)一性和標(biāo)準(zhǔn)化程度,使設(shè)計過程遵循規(guī)律,簡化決策,從而達(dá)到高效而美觀的效果。響應(yīng)式設(shè)計中,網(wǎng)格更是保證跨平臺一致性的關(guān)鍵工具。
 
Reddit官網(wǎng)便是12列網(wǎng)格應(yīng)用的典范,其頁面布局既有序又富有變化,充分展示了網(wǎng)格在網(wǎng)頁設(shè)計中的優(yōu)勢。網(wǎng)格系統(tǒng)的運用,無疑為網(wǎng)頁或PC設(shè)計奠定了良好的基礎(chǔ)框架。
 
移動設(shè)備上的6列網(wǎng)格:考慮到屏幕尺寸限制,移動端設(shè)計傾向于使用6列網(wǎng)格作為標(biāo)準(zhǔn),它既能滿足大部分設(shè)計布局需求,又能方便地實現(xiàn)二等分或三等分布局。盡管如此,針對特定需求如淘寶等電商應(yīng)用,由于信息密度高,可能會采用12列網(wǎng)格以容納更多內(nèi)容。
 
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
海外產(chǎn)品中的網(wǎng)格應(yīng)用示例,如Pinterest,其界面設(shè)計明顯遵循了一個6列網(wǎng)格系統(tǒng),圖片與按鈕的布局均嚴(yán)格遵循這一規(guī)則,確保了界面的整潔與統(tǒng)一,每一頁的邊距處理也保持一致,進(jìn)一步證明了網(wǎng)格在打造有序且視覺舒適界面中的核心作用。
 
不論是PC還是移動平臺,網(wǎng)格系統(tǒng)都是設(shè)計中不可或缺的組成部分,它既是設(shè)計標(biāo)準(zhǔn)化的推手,也是提升用戶體驗的有效途徑。
 
Airbnb的設(shè)計備受推崇,其背后的秘密在于一套有序的網(wǎng)格系統(tǒng)。他們采用的布局策略是左右邊距48像素,內(nèi)容區(qū)域間隔24像素,這樣的設(shè)計增加了頁面的留白空間,營造出舒適愉悅的瀏覽體驗,使得Airbnb的設(shè)計呈現(xiàn)出獨特的秩序美感和視覺焦點。
 
轉(zhuǎn)而觀之,谷歌作為設(shè)計規(guī)范的先行者,在其最新設(shè)計語言中首次詳盡闡述了網(wǎng)格系統(tǒng)的應(yīng)用。谷歌的網(wǎng)格系統(tǒng)不僅涵蓋了傳統(tǒng)元素如邊距、間隔,還特別定義了四欄布局,以適應(yīng)手機(jī)、Web及平板等多種平臺的產(chǎn)品設(shè)計,體現(xiàn)出其在跨平臺設(shè)計中對一致性和靈活性的重視。谷歌官網(wǎng)是深入了解其網(wǎng)格系統(tǒng)細(xì)節(jié)的寶貴資源。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
 
合理比例的重要性:比例在設(shè)計中占據(jù)核心地位,合理的比例配置能夠顯著提升視覺效果。盡管存在爭議,黃金比例(約1.618:1)作為古老而經(jīng)典的美學(xué)法則,自古希臘數(shù)學(xué)家歐幾里得時期起就被廣泛討論。盡管有人質(zhì)疑將其作為絕對設(shè)計法則的適用性,但黃金比例不失為設(shè)計初期的一個有益參考框架,而非一成不變的規(guī)則。
蘋果公司在其APP圖標(biāo)設(shè)計中巧妙運用黃金比例,這一原則貫穿其眾多設(shè)計作品,證明了黃金比例在現(xiàn)代設(shè)計中的持續(xù)影響力。眾多知名互聯(lián)網(wǎng)品牌亦紛紛采納黃金比例,以提升視覺和諧與品牌識別度,再次驗證了比例設(shè)計在塑造高品質(zhì)視覺體驗中的關(guān)鍵作用。
Facebook在其官方網(wǎng)站的設(shè)計中同樣采納了接近黃金比例的原則,以此優(yōu)化視覺布局,確保用戶界面既美觀又易于導(dǎo)航,進(jìn)一步證實了黃金比例在現(xiàn)代數(shù)字設(shè)計中的廣泛應(yīng)用與影響力。
 
谷歌的Material Design規(guī)范,作為設(shè)計界的權(quán)威指南,詳細(xì)闡述了如何通過標(biāo)準(zhǔn)化的比例(如16:9, 3:2, 4:3, 1:1, 3:4, 2:3等)來構(gòu)建界面布局,以實現(xiàn)設(shè)計的一致性和高效性。這一做法不僅統(tǒng)一了視覺語言,還提升了用戶體驗,強(qiáng)調(diào)了在設(shè)計中遵循規(guī)律比例的重要性,它是塑造流暢視覺流程和提升設(shè)計整體感的關(guān)鍵。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
文字易讀性:設(shè)計中的核心要素
 
在產(chǎn)品設(shè)計中,文字是傳達(dá)信息的橋梁,其易讀性直接關(guān)系到用戶體驗的質(zhì)量。優(yōu)化文字排版,確保信息傳遞的高效,是設(shè)計中的重要一環(huán)。通過精細(xì)控制對齊、字體選擇、行距、字間距等,可以顯著提升閱讀體驗。
 
對齊的魔力:對齊方式對閱讀節(jié)奏有著直接影響。混亂的對齊會導(dǎo)致閱讀效率下降,而合理的對齊能夠引導(dǎo)用戶的視線流動,提升閱讀體驗。如上圖所示,三種不同的對齊方式帶來了迥異的閱讀感受。良好的對齊不僅美觀,還能使信息層次分明,便于用戶快速抓取關(guān)鍵信息。
 
間距的藝術(shù):間距(包括行間距和字間距)是控制閱讀節(jié)奏的另一關(guān)鍵。過小的間距會使文字擁擠,閱讀時易產(chǎn)生視覺疲勞;反之,過大的間距則可能導(dǎo)致閱讀斷層,信息連貫性受損。找到合適的間距比例,是保障閱讀流暢性的關(guān)鍵。這要求設(shè)計師在設(shè)計過程中,根據(jù)內(nèi)容的性質(zhì)和閱讀場景,精心調(diào)整,以達(dá)到最佳的視覺舒適度和信息傳遞效率。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
無論是遵循黃金比例的布局設(shè)計,還是遵循標(biāo)準(zhǔn)化比例的界面構(gòu)建,亦或是通過精細(xì)調(diào)控實現(xiàn)的文字易讀性,都是設(shè)計中不可或缺的要素。它們共同作用,不僅提升了設(shè)計的美學(xué)價值,更深層次地,優(yōu)化了用戶體驗,確保了信息的有效傳達(dá)。在數(shù)字化時代,把握這些設(shè)計原則,是每一位設(shè)計師通往卓越設(shè)計道路上的必修課。
 
在提升設(shè)計的易用性方面,文字大小與字體的變化扮演著至關(guān)重要的角色。信息架構(gòu)通常圍繞標(biāo)題、副標(biāo)題和正文構(gòu)建,通過調(diào)整文字尺寸與粗細(xì),可以有效引導(dǎo)用戶注意力,確保信息的層次分明。蘋果公司便巧妙地將黃金比例應(yīng)用于字體設(shè)計,其字體大小對比通常維持在1.7:1或0.7:1,這與黃金比例的美學(xué)原則不謀而合,進(jìn)而增強(qiáng)了視覺層次和閱讀流暢性。
 
對比策略的運用,是另一提升設(shè)計易用性的有效手段。通過文字大小、顏色及透明度的對比,可以顯著提升內(nèi)容的可識別度。然而,在追求視覺效果的同時,還需遵循Web內(nèi)容無障礙指南,確保所有用戶都能無障礙獲取信息,推薦的對比度標(biāo)準(zhǔn)為至少4.5:1。蘋果官網(wǎng)便是這一原則的絕佳示范,巧妙利用文字的大小、顏色及透明度差異,使得信息傳遞既高效又具有吸引力。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
 
色彩的情感傳達(dá)是設(shè)計中不可忽視的一環(huán)。色彩的選擇不僅關(guān)乎美觀,更直接影響用戶的情緒反應(yīng)。每種色彩因其明度、飽和度的不同,能喚起截然不同的情感體驗。例如,紅色既可以表達(dá)個性與現(xiàn)代感,也能展現(xiàn)性感魅力。為了精準(zhǔn)掌握色彩的情感語言,可以借助“色彩意象尺”這一工具,它能幫助設(shè)計師了解每種色彩所蘊含的情感傾向,是品牌塑造和色彩搭配的重要輔助工具。在品牌設(shè)計過程中,色彩意象尺能指導(dǎo)設(shè)計師選定符合品牌調(diào)性的色彩方案,確保色彩運用與品牌理念和諧統(tǒng)一。
 
以定義品牌色彩為例,通過色彩意象尺分析,設(shè)計師可以深入理解不同色彩的情感寓意,從而在眾多顏色中作出明智選擇,不僅塑造品牌的獨特視覺形象,還能激發(fā)目標(biāo)受眾的共鳴,進(jìn)一步強(qiáng)化品牌識別度與市場影響力。正確運用色彩,不僅美化視覺界面,更能在情感層面與用戶建立連接,是設(shè)計中不可或缺的策略之一。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
 
舉個例子
在著手創(chuàng)建一個面向全球95后用戶的時尚社交產(chǎn)品時,色彩選擇尤為關(guān)鍵。假設(shè)我們的品牌定位趨向于青春活力與輕盈,首先需從色彩意象尺中挑選符合這一氣質(zhì)的色彩基礎(chǔ)。在這個過程中,我們鎖定紅色和黃色作為潛在的候選色彩。
 
分析競品色彩策略:調(diào)研發(fā)現(xiàn),多數(shù)競品偏向使用紅色系,這為我們提供了差異化的機(jī)會。于是,我們決定避開紅色,轉(zhuǎn)而選取黃色作為品牌的核心色彩,以此在市場中脫穎而出。
 
考慮用戶偏好:接下來,需分析目標(biāo)用戶群的性別比例。假設(shè)男性用戶占比更多,且偏好較為大膽的色彩組合,我們基于黃色進(jìn)行調(diào)整,提高其明度和飽和度,最終選定了一款接近糖果玉米的鮮明黃色,以滿足年輕男性群體的審美偏好。
 
確定品牌色彩:通過這一系列步驟,我們的品牌色方向得以確立——鮮明而富有活力的黃色,既體現(xiàn)了品牌的時尚特性,又與目標(biāo)用戶群體產(chǎn)生強(qiáng)烈共鳴。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
理論應(yīng)用與實踐:理解品牌個性維度、色彩情感及色相意向尺等概念,對于初學(xué)者可能略顯陌生,但通過本文的介紹,希望你能逐步掌握這些理論,并在實際項目中不斷實踐。隨著時間的積累,你將能自信地從零開始創(chuàng)造獨特且經(jīng)典的色彩搭配方案。
 
推薦資源:為了進(jìn)一步提升你的色彩搭配能力,推薦訪問“BrandColors.net”(請注意,網(wǎng)站名稱為示例,實際網(wǎng)址應(yīng)自行搜索確認(rèn)),這是一個匯聚了全球知名企業(yè)的品牌色彩庫,你可以從中獲取靈感,學(xué)習(xí)如何高效地運用色彩來強(qiáng)化品牌形象。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
上文提到的案例,展示了如何根據(jù)產(chǎn)品定位(如優(yōu)雅與高級),利用色彩意向尺選擇中性色調(diào),進(jìn)而打造出既符合品牌調(diào)性又具視覺吸引力的設(shè)計實例,進(jìn)一步證明了色彩選擇在品牌塑造中的重要性。
 
通過這些步驟和工具的綜合運用,你將能夠更加系統(tǒng)和科學(xué)地定義屬于自己的品牌色彩,為產(chǎn)品注入獨特的靈魂與魅力。
 
在設(shè)計領(lǐng)域,圖片作為傳達(dá)信息的強(qiáng)有力工具,其重要性不言而喻。它不僅直接且有效地表達(dá)設(shè)計意圖,還能瞬間提升作品的整體品質(zhì)。當(dāng)設(shè)計中需要傳達(dá)特定情感或概念,如安全,通過展示警察、保鏢、手機(jī)鎖屏、戴口罩的圖像,或是保險箱、指紋鎖等象征物,可以直觀地向觀眾傳遞安全的信號。進(jìn)一步,圖片的選擇還能啟發(fā)設(shè)計風(fēng)格,如保險箱的塊面感、穩(wěn)重的字體和對稱構(gòu)圖,都能為設(shè)計增添安全、可靠的氣息。
 
圖片的運用不僅限于情緒板,它們在設(shè)計項目中發(fā)揮著舉足輕重的作用,能夠清晰地傳達(dá)信息,提升視覺效果。一張精心挑選的攝影照片與設(shè)計巧妙融合,如汽車與風(fēng)景的和諧搭配,能極大提升作品的藝術(shù)感和吸引力,尤其是在電商設(shè)計中,優(yōu)質(zhì)的圖片與產(chǎn)品氣質(zhì)相得益彰,能有效提升銷售額與設(shè)計美感。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
 
圖標(biāo)設(shè)計同樣不容忽視,它們不僅是功能的指示符號,更是設(shè)計語言的重要組成部分。圖標(biāo)的設(shè)計風(fēng)格,如圓角大小、質(zhì)感選擇,都能深刻影響作品的氣質(zhì)傳達(dá)。柔和的斷口與疊加色彩圖標(biāo),給人以輕松愉悅的感受,適合營造親切友好的氛圍;而線條硬朗、質(zhì)感穩(wěn)重的圖標(biāo),則更適合金融等領(lǐng)域,傳遞出專業(yè)與信賴感。圖標(biāo)設(shè)計還需遵循用戶習(xí)慣,采用與日常生活緊密相關(guān)的隱喻,確保用戶能夠迅速理解和感知,從而提升用戶體驗。
 
綜上所述,設(shè)計師應(yīng)擅長運用圖片和圖標(biāo)作為設(shè)計語言,通過精準(zhǔn)的圖片選擇與富含隱喻的圖標(biāo)設(shè)計,有效傳達(dá)設(shè)計概念,提升設(shè)計的整體品質(zhì)與溝通效率。這不僅是提升設(shè)計作品美學(xué)價值的關(guān)鍵,更是連接用戶情感與理解的橋梁。
 
在產(chǎn)品設(shè)計的復(fù)雜生態(tài)系統(tǒng)中,按鈕作為用戶交互的核心元素,其設(shè)計的精確性與合理性至關(guān)重要。每個按鈕都承載著特定的行動召喚,因此,制定明確的按鈕規(guī)則是設(shè)計中不可或缺的一環(huán)。設(shè)計中,按鈕樣式多樣,如填充型、線框型、色塊描邊型及純文字型,每種類型對應(yīng)不同的應(yīng)用場景。主行動按鈕通常采用品牌色彩填充,以增強(qiáng)點擊欲望,如“購買”、“下一步”等關(guān)鍵操作;輔助操作則傾向于采用白色邊框按鈕,以減輕視覺負(fù)擔(dān)。警告操作采用紅色,無效狀態(tài)則以灰色呈現(xiàn),以此明確按鈕的功能和狀態(tài),避免用戶混淆。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
缺乏明確的按鈕設(shè)計指引,將導(dǎo)致設(shè)計混亂和功能混亂,影響用戶體驗。因此,建立一套詳細(xì)的按鈕使用規(guī)范,是設(shè)計團(tuán)隊的必備工作。
 
視覺對齊準(zhǔn)則同樣影響著設(shè)計的精確性和美觀度。設(shè)計時,精確的數(shù)學(xué)對齊雖為基礎(chǔ),但在特定情況下,視覺效果的和諧同樣重要。如NAVER的閃屏設(shè)計,通過輕微的視覺偏差調(diào)整,使界面看起來更為和諧自然。在處理文字排版時,粗細(xì)字體的搭配需注意視覺平衡,有時需對字體大小進(jìn)行微調(diào),以確保視覺上的等效性。同樣,中英文數(shù)字混排時,由于視覺感知差異,需適當(dāng)調(diào)整數(shù)字大小,確保整體視覺的均衡。
設(shè)計小白必看|好設(shè)計的標(biāo)準(zhǔn)
 
 
 
按鈕設(shè)計的規(guī)范性與視覺對齊的精確性,是提升產(chǎn)品設(shè)計質(zhì)量的關(guān)鍵。通過細(xì)致入微的調(diào)整,如遵循特定場景下的按鈕樣式規(guī)則、適時進(jìn)行視覺矯正、以及在字體與數(shù)字混排中追求視覺平衡,設(shè)計師能夠確保用戶界面既符合邏輯,又美觀協(xié)調(diào)。這些細(xì)節(jié)的把握,是設(shè)計從“可用”走向“卓越”的必經(jīng)之路。


作者:啊糖糖att
鏈接:https://www.zcool.com.cn/article/ZMTYxOTMzMg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

產(chǎn)品設(shè)計如何利用心理學(xué)

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

產(chǎn)品設(shè)計的成功除了依賴設(shè)計方案和技術(shù)實現(xiàn),還與用戶的心理密切相關(guān)。用戶心里決定了我們用怎樣的設(shè)計策略解決問題。我們常認(rèn)為人們做決策時是理性的,但其實用戶行為經(jīng)常是非理性,會受到情緒、習(xí)慣和社交環(huán)境的影響。了解這些心理學(xué)規(guī)律能幫助我們更好地的預(yù)測和引導(dǎo)用戶行為,優(yōu)化產(chǎn)品體驗,提高用戶的粘性、留存率和轉(zhuǎn)化率,從而產(chǎn)品商業(yè)價值最大化。
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)


作者:DesignLink
鏈接:https://www.zcool.com.cn/article/ZMTY1MDk0MA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

“好的設(shè)計組件”在搜索設(shè)計場景中的定義

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

 
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
從網(wǎng)上搜索設(shè)計組件,我們能找到各種對外公開的設(shè)計組件庫,同樣還有不少或概括或詳細(xì)的文章,手把手教你“如何搭建一個好的設(shè)計組件庫”,但這些方法論很少探討面對C端組件頻繁增改、設(shè)計規(guī)范動態(tài)調(diào)整,如何高效賦能業(yè)務(wù)設(shè)計交付的相關(guān)內(nèi)容,但這恰恰是搜索業(yè)務(wù)面臨的關(guān)鍵問題。
 
搜索是一個“牽一發(fā)而動全身”的業(yè)務(wù),每一個微小的設(shè)計細(xì)節(jié)都有可能影響各個業(yè)務(wù)的數(shù)據(jù)指標(biāo),一個“好的設(shè)計組件庫”需要以一種潛移默化的方式讓設(shè)計師掌握設(shè)計規(guī)范,完成合規(guī)的設(shè)計,從這個角度而言它應(yīng)該比較
「好懂」
。
 
而作為服務(wù)于整個設(shè)計團(tuán)隊的公用設(shè)計組件庫,面對每月數(shù)以萬計的調(diào)用次數(shù),它必須保障最基本的易用性,應(yīng)該非常
「好用」
。
 
同時,面對頻繁迭代,“好的設(shè)計組件”還需要保持最快的更新速度,為各個橫向團(tuán)隊提供正確的樣式,從這個角度來說它還要
「好維護(hù)」
。
 
因此,
「好懂、好用、好維護(hù)」
是搜索設(shè)計語境下,對一個“好的設(shè)計組件”的定義。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
接下來,我們將從這三個「好」入手,分享搜索設(shè)計組件庫在升級過程中的一些思考,希望能和大家共同探討。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
“萬丈高樓平地起”,我們先來說說如何從零開始構(gòu)建一個既符合設(shè)計規(guī)范又易于理解的設(shè)計組件。
 
首先,在搭建組件時,我們可以考慮采用
多層嵌套
的方式,即組件(Component)內(nèi)部嵌套變體(Instance)。這種方式不僅能省去組件搭建和修改過程中的重復(fù)操作,甚至還能在解綁組件時,通過選中內(nèi)部的子組件圖層進(jìn)行解綁,大大簡化了搭建和使用雙方的操作流程。
 
在多層嵌套的思路下,我們可以進(jìn)一步用
“底層靈活、上層收斂”
來指導(dǎo)組件的搭建。這意味著底層變體的形式足夠多樣,能夠支持大部分的狀態(tài)切換,而在上層組件搭建的過程中顯性地加強(qiáng)規(guī)范的指引(如規(guī)范中不允許使用的樣式不對外展示),以降低超出規(guī)范設(shè)計的可能。
 
具體的搭建流程可以大致分為三步:
場景收集和分析、搭建基本變體組、拓展高階變體組
。
 
我們將通過視頻組件搭建的生動案例,具體介紹如何依據(jù)“底層靈活、上層收斂”原則來搭建組件庫,使得組件本身既足夠靈活,又能起到足夠的約束作用。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
在著手搭建某類組件時,我們首先通過規(guī)范確認(rèn)和場景遍歷,廣泛收集各類變體。隨后,從我們能想到的所有維度出發(fā),對這些變體進(jìn)行細(xì)致定義。這樣,我們就能得到一張詳盡描述組件變體性質(zhì)的表格。表格的第一列依次列出變體1、變體2、變體3等,而第一行則羅列出各種維度,如寬度、比例等。通過這種方法,我們可以將原本零散、雜亂的組件變體描述,系統(tǒng)地歸納整理成一張清晰明了的表格。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
表格通過不同維度來唯一確定一個變體,這些維度可大致分為兩個特性和一個共性。共性指的是所有變體在這一維度上均保持一致,常見特性則涵蓋了最常見的分類性質(zhì),如寬度、高度、數(shù)量和優(yōu)先級等,而業(yè)務(wù)特性則與具體業(yè)務(wù)緊密相關(guān)。
 
在搭建組件時,我們可以遵循
「共性-常見特性-業(yè)務(wù)特性」
順序,這樣的順序有助于降低理解成本,因為最符合心智的分類被置于外層,同時底層的組件又保持了足夠的靈活性,便于切換各種變量。對于業(yè)務(wù)特性,我們可以根據(jù)實際情況靈活處理,既可以將其作為基本組件的延展,也可以不將其納入組件范疇。
 
以視頻組件為例,我們從表格中獲取的信息如下:
 
  •  
    視頻尺寸及其組合是最符合用戶心智的變體選擇;
  •  
    播放狀態(tài)是所有變體的共有性質(zhì);
  •  
    自動播放情況與業(yè)務(wù)相關(guān),但不一定需要在組件庫中呈現(xiàn);
  •  
    高階組件僅涉及少部分尺寸的組件,應(yīng)在完成基本組件搭建后再進(jìn)行。
 
據(jù)此,我們可以輕松梳理出視頻組件搭建流程的優(yōu)先級:
 
  1.  
    播放狀態(tài)作為共性,應(yīng)首先搭建;
  2.  
    基本組件尺寸和組合是最符合用戶心智的變體選擇,應(yīng)緊隨其后;
  3.  
    高階組件在完成基本組件搭建后再進(jìn)行。
 
值得注意的是,“封面槽位”是“播放狀態(tài)”中的一個圖層。根據(jù)“底層靈活、上層收斂”的原則,我們將其插入到搭建播放狀態(tài)之前。因此,視頻組件的最終搭建流程為:
 
  1.  
    封面槽位;
  2.  
    播放狀態(tài);
  3.  
    基本組件尺寸和組合;
  4.  
    高階組件。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
完成對視頻組件搭建的分析,我們就可以有條不紊地開始搭建組件了。先搭建基本組件視頻組件,再用基本組件搭建高階組件。這一步驟雖然為大家所熟知,但仍需格外注意,如配置項的設(shè)置要力求合理,也可以融入設(shè)計規(guī)范和使用規(guī)范,同時還應(yīng)將一些搭建過程中的零散組件集中收納避免被調(diào)用。關(guān)于這些具體的注意事項,我們將在后續(xù)部分進(jìn)行詳細(xì)闡述。
 
至此我們完成了組件搭建的基本流程,一個達(dá)到及格線的視頻組件就誕生了。據(jù)統(tǒng)計,優(yōu)化后每次調(diào)用視頻組件將節(jié)省至少10步的點擊操作!
 
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
完成了一個基本組件的搭建后,我們可以轉(zhuǎn)換視角,從使用的角度來審視并檢查這個組件。
 
我們期望,從插入組件變體、切換組件配置,再到最后的解綁組件,整個流程都能縱享絲滑且穩(wěn)定可靠,確保業(yè)務(wù)設(shè)計師在使用過程中獲得最佳體驗。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
我們可以一步步來審視組件的使用過程。首先是插入組件,據(jù)觀察,通常有三種方式,①在左側(cè)的資產(chǎn)面板(Assets)中直接找到對應(yīng)組件并插入;②通過查閱設(shè)計規(guī)范,鎖定所需的變體后復(fù)制粘貼;③選中一個不需要的組件,通過右側(cè)的“切換變體”面板(Swap instance)切換成所需的變體。很明顯,在這個過程中依賴的是組件的精準(zhǔn)搜索和快速定位。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
為了提升搜索精度,我們可以從組件命名入手,采用中、英、數(shù)字結(jié)合的方式,實現(xiàn)模糊匹配;也可以在發(fā)布時隱藏不希望被調(diào)用的組件,以減少無用的搜索結(jié)果。如果組件是采用前文提到的“多層嵌套”方式搭建的,我們可以添加“Preferred”子組件,這樣在切換時會優(yōu)先展示這些子組件,這個功能在切換圖標(biāo)時尤為實用。
 
對于習(xí)慣邊查閱設(shè)計規(guī)范邊使用組件的設(shè)計師,我們增加了更多實際使用的正誤案例,這些案例直觀展示了組件變體的正確選擇和使用方式,進(jìn)一步降低了規(guī)范的理解成本,有效輔助設(shè)計決策。同時,我們專門維護(hù)了一個固定區(qū)域,用于平鋪展示所有組件變體。為了確保能夠輕松點選,我們將變體放在最外層展示(即不在任何Frame、Group或Section中)。這樣能讓設(shè)計師一目了然地看到所有變體,從而快速選擇所需的組件。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
在組件配置階段,有三項注意點能讓組件更加易用,即“重視組件的可視化效果、設(shè)置高效易用的配置項、貼心地保存修改”。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
考慮到C端組件的多樣性和用戶的使用習(xí)慣,我們應(yīng)避免使用過于復(fù)雜的分組方式。相反,應(yīng)更注重組件的樣式展示,并盡量簡化組件的層級結(jié)構(gòu)。這樣,設(shè)計師在使用時能夠更直觀地看到組件的外觀,而無需深入復(fù)雜的層級去查找。
 
另外值得注意的是,F(xiàn)igma會默認(rèn)用組件集合中最左上角的組件生成預(yù)覽樣式,因此應(yīng)當(dāng)把視覺上最有代表性的變體放在左上角,這個效果在切換變體(Swap instance)時很重要,因為目前在該面板中沒法查看組件細(xì)節(jié),只能靠縮略圖和名稱來推測是哪個組件。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
其次對于配置項的設(shè)置也大有講究,業(yè)界有組件庫為了實現(xiàn)C2D2C,從源頭上將設(shè)計組件和前端組件的配置項打平,這是不錯的思路,但有可能會提升設(shè)計側(cè)的理解成本。針對搜索業(yè)務(wù)的特殊語境,我們還是選擇了從「規(guī)范理解」角度去設(shè)置組件的配置項,將所有允許自定義的配置盡可能外露,并清晰地說明修改限制,如字?jǐn)?shù)限定、選項個數(shù)等,這樣能夠在使用的過程中強(qiáng)化業(yè)務(wù)設(shè)計師對規(guī)范的掌握。
 
另一個常常被忽視的關(guān)鍵點是選項和配置的排序問題。為了提高瀏覽和選擇的效率,建議對選項和選項之間,以及外層的不同配置項,都按照一定的邏輯順序進(jìn)行排序。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
最后一點,我們稱之為
“貼心地保存修改”
機(jī)制,這個針對的是文字修改的場景。
 
在實際操作中,使用一個組件可能需要對多個配置項進(jìn)行修改。有時在修改完文字內(nèi)容后再去調(diào)整其他配置時,已修改的文字會被重置。這時文本屬性(text property)的設(shè)置就顯得尤為重要,它能夠記憶并保存修改過的文字內(nèi)容,從而免于重復(fù)輸入。
 
還有一些情況是,某個組件變體實際上并沒有與某個值相對應(yīng)的組件(盡管Figma機(jī)制允許選擇該值),用戶切換后就會發(fā)現(xiàn)組件完全變了,只能撤回。為了避免這類情況,建議使用另外的標(biāo)記來表明組件某個設(shè)置項是不可切換的。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
完成了組件的搭建和檢查,接下來讓我們聚焦于組件的日常維護(hù)。
 
這一環(huán)節(jié)可以從兩個維度展開,一是依托中臺的日常數(shù)據(jù)監(jiān)控進(jìn)行維護(hù),二是通過團(tuán)隊內(nèi)部的緊密協(xié)同機(jī)制來保障。后者更多側(cè)重協(xié)作流程和機(jī)制上的建設(shè),在本文中我們不做更多展開,重點討論前者。
 
數(shù)據(jù)監(jiān)控的方式主要依托Figma中的組件數(shù)據(jù)看板(查看路徑:View libraries-Analytics),看板中展示了各個組件的調(diào)用數(shù)和解綁數(shù)數(shù)據(jù),這些數(shù)據(jù)不直接反映組件的優(yōu)劣,但如果我們觀測到某個組件解綁率偏高,我們會考慮直接把它
作為模板
而不是創(chuàng)建成組件。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
 
總結(jié)
 
以上是百度搜索設(shè)計團(tuán)隊在設(shè)計組件庫升級過程中的心得分享,包括搜索業(yè)務(wù)對于“好的設(shè)計組件”的訴求,以及一些搭建和優(yōu)化組件的實用思路,核心是探討如何從組件庫建設(shè)的角度入手,成功助力團(tuán)隊提升設(shè)計資產(chǎn)消費效率。
 
關(guān)于設(shè)計組件庫,我們有一些新思考
 
 
 
當(dāng)前我們已經(jīng)完成設(shè)計資產(chǎn)工程化的前序環(huán)節(jié),我們對設(shè)計資產(chǎn)的升級和探索并沒有結(jié)束,未來我們將持續(xù)探索設(shè)計系統(tǒng)工具化的形態(tài)、與AI大模型結(jié)合的機(jī)會,通過豐富消費途徑,實現(xiàn)在業(yè)務(wù)交付的不同階段下全方位提效。這部分內(nèi)容后續(xù)有機(jī)會也將會和大家見面,請大家期待!
 
感謝閱讀,以上內(nèi)容均由百度MEUX團(tuán)隊原創(chuàng)設(shè)計,以及百度MEUX版權(quán)所有,轉(zhuǎn)載請注明出處,違者必究,謝謝您的合作。申請轉(zhuǎn)載授權(quán)后臺回復(fù)【轉(zhuǎn)載】。


作者:百度MEUX
鏈接:https://www.zcool.com.cn/article/ZMTY1MTYwOA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
 

設(shè)計的兩面性:理性決策與感性表達(dá)

天宇

引言
設(shè)計應(yīng)該是感性的還是理性的?設(shè)計是感性重要還是理性重要?此類問題一經(jīng)出現(xiàn)便會引起爭議無數(shù),每個人對此都有自己的見解與理由,還有些人主張“理性與感性需要平衡”“既要理性也要感性”,此類觀點看似正確,卻缺乏任何實質(zhì)性的指導(dǎo)價值。
實際上,很多人都沒注意到問題本身存在的多義性。究竟什么是“設(shè)計”?有些人認(rèn)為是設(shè)計決策的過程,而有的人則認(rèn)為是最終產(chǎn)出的設(shè)計作品。大多時候,理性和感性兩種觀點看似針鋒相對,實際上是站在設(shè)計的不同層面進(jìn)行討論。
設(shè)計的兩面性:理性決策與感性表達(dá)
 
 
 
01|設(shè)計決策
從設(shè)計決策的角度來看,感性設(shè)計指的是設(shè)計師在設(shè)計過程中主要依靠個人情緒或情感進(jìn)行創(chuàng)作。許多人誤認(rèn)為,只要在設(shè)計時能與用戶產(chǎn)生共情,理解其情緒波動,并將這些喜怒哀樂、喜好厭惡融入設(shè)計作品,就算是感性設(shè)計了。然而,共情并不等同于感性。共情是一種能力,理解他人處境與情感,并善于換位思考。而感性則是自己對外界事物產(chǎn)生的直接感受和情緒反應(yīng),強(qiáng)調(diào)的是個人視角。
在藝術(shù)領(lǐng)域,感性占據(jù)主導(dǎo)地位,但設(shè)計并非藝術(shù)。設(shè)計的主要目標(biāo)是解決問題和滿足特定需求,而藝術(shù)更多地關(guān)注自我表達(dá)和情緒傳遞。設(shè)計始終受到客戶需求、商業(yè)目標(biāo)、市場趨勢和技術(shù)可行性等一系列的限制與約束。由于這些條件的存在,直覺與天賦這些感性力量只能得到極其有限的發(fā)揮。這也是設(shè)計與藝術(shù)的顯著區(qū)別。
設(shè)計的兩面性:理性決策與感性表達(dá)
 
 
站在感性“對立面”的理性,將設(shè)計視為一項工程或科學(xué),力求流程化和系統(tǒng)化,講究方法論,注重各方面的調(diào)研,一切動作因問題存在而起,以問題解決而終
。甚至在實際場景中持續(xù)觀察作品表現(xiàn),以期得出可復(fù)用的設(shè)計模型或定律,為后人更加高效地解決類似問題提供幫助。
所以,從解決問題的本質(zhì)屬性出發(fā),理性應(yīng)該才是設(shè)計的底色。數(shù)據(jù)驅(qū)動、方法論支撐、可用性測試、競品分析、用戶研究等都屬于理性思維的具象化體現(xiàn)。
由于大部分設(shè)計師的出身多以藝術(shù)打底,所以一旦設(shè)計與藝術(shù)的界限在心中變得模糊,會習(xí)慣性地
將產(chǎn)品看作自己的"作品",而非用戶的"解決方案"
。如此一來,當(dāng)面對來自各個方向的邊界與不確定性,本能的反應(yīng)就不是思考了,而是抵觸,尤其是“完美”的方案已在腦中形成,如果突如其來的新要求打亂了這一切,哪怕假以用戶之名也要選擇懟回去,并不斷美化、合理化自己的設(shè)計理念。對設(shè)計師來說,這是一種自私、不負(fù)責(zé)任和缺乏職業(yè)素養(yǎng)的表現(xiàn)。
設(shè)計的兩面性:理性決策與感性表達(dá)
 
 
接下來,想象一下你的手中有一把槍,準(zhǔn)備射擊某個目標(biāo)。你的第一個動作是什么?大概率是瞄準(zhǔn)。因為大家都知道,射擊前通過瞄準(zhǔn)鏡或者準(zhǔn)星,先對目標(biāo)位置進(jìn)行瞄準(zhǔn)校正,射擊時才能提高命中率,這也正是理性對于設(shè)計的重要性所在。
理性在設(shè)計中的作用類似于瞄準(zhǔn)動作,它幫助我們在設(shè)計過程中做出科學(xué)的決策,確保設(shè)計方案的準(zhǔn)確性和可執(zhí)行性。未經(jīng)理性思考的設(shè)計,就像是不瞄準(zhǔn)就立即開槍,其結(jié)果往往難以預(yù)測。當(dāng)然也可能會擊中目標(biāo),這基本上取決于兩個因素:
  1.  
    目標(biāo)遠(yuǎn)近:
    近處的目標(biāo),即使不瞄準(zhǔn),也很容易擊中;但對于遠(yuǎn)處的目標(biāo),命中率則必然大幅下降。我們可以把目標(biāo)遠(yuǎn)近理解為設(shè)計需求的難易程度,對于簡單需求,不用過多的理性分析,直接設(shè)計也能完成任務(wù),但面對復(fù)雜的設(shè)計項目,如果不進(jìn)行充分的理性分析上手就畫,大概率就要偏離產(chǎn)品目標(biāo)了。
  2.  
    個人經(jīng)驗:
    經(jīng)過反復(fù)練習(xí),可以練就不瞄準(zhǔn)也能遠(yuǎn)射的本領(lǐng),隨著經(jīng)驗積累還能不斷提升距離值;在經(jīng)驗不足的情況下,還不瞄準(zhǔn),就只能選擇一些近距離的射擊目標(biāo)了。設(shè)計也是這樣,對于某類產(chǎn)品的設(shè)計經(jīng)驗較多,不用太多理性的分析決策,也能達(dá)成設(shè)計目標(biāo);缺乏經(jīng)驗時,還憑借直覺草率地進(jìn)行設(shè)計,再簡單的項目也可能會搞砸。
設(shè)計的兩面性:理性決策與感性表達(dá)
 
 
所以,沒有理性支撐而完全依賴直覺經(jīng)驗的設(shè)計,一個致命性的問題就是
不穩(wěn)定
!日常工作中,設(shè)計師的有效輸出和穩(wěn)定輸出至關(guān)重要。
 
02|設(shè)計表達(dá)
假設(shè)經(jīng)過瞄準(zhǔn)后的射擊都能順利擊中目標(biāo),那么接下來要關(guān)注的是什么呢?子彈的沖擊力和殺傷力!這里的子彈就是我們最終輸出的設(shè)計作品。在這一環(huán)節(jié),理性設(shè)計指的是方案完全圍繞產(chǎn)品功能來呈現(xiàn),追求效率與極簡認(rèn)知,較少運用裝飾性設(shè)計元素,即使使用,也大多兼具輔助內(nèi)容理解的功能性目的。
而感性設(shè)計,我并不太愿意使用“感性”這一措辭,正如在上一段中的定義,感性強(qiáng)調(diào)的是個人出發(fā)的情緒表達(dá)。其實,“情感化設(shè)計”才更負(fù)荷大家口中常說的“感性設(shè)計”所想表達(dá)的含義,相比“理性”的設(shè)計作品,情感化設(shè)計更具有“一擊必殺”的效果。
在滿足基礎(chǔ)功能需求的基礎(chǔ)之上,通過色彩、排版、圖像、動畫等元素給予用戶充分的情感體驗,也可以利用敘事、對話、情景、微交互等策略引發(fā)共鳴。豐富多樣的情感化設(shè)計策略,讓用戶與產(chǎn)品之間更容易建立情感連接。
設(shè)計的兩面性:理性決策與感性表達(dá)
 
 
在設(shè)計決策的階段,理性確保了我們更高的命中概率,而情感的注入讓我們的設(shè)計表達(dá)具有深入人心的穿透力和影響力。典型設(shè)計案例如Apple、Tesla等產(chǎn)品設(shè)計無一不是理性決策和感性表達(dá)的充分結(jié)合。因此,回到開篇提出的問題,設(shè)計應(yīng)該是感性的還是理性的?我的回答是:
作為設(shè)計師,要
堅持理性的設(shè)計決策
,同時
追求感性的設(shè)計表達(dá)
。
設(shè)計的兩面性:理性決策與感性表達(dá)
 
 
 
03|兩者關(guān)系
很多人認(rèn)為,不同的設(shè)計領(lǐng)域?qū)硇院透行缘囊笥兴煌?,在B端產(chǎn)品中,理性占據(jù)主導(dǎo)地位,而C端產(chǎn)品更強(qiáng)調(diào)感性。從設(shè)計最終所呈現(xiàn)的效果來看,這種觀點在一定程度上是合理的。B端產(chǎn)品多用于生產(chǎn)場景,追求的是可用性,是克制和效率;C端產(chǎn)品面向普通大眾的各種生活場景,因此關(guān)注體驗的愉悅感受。兩者往往在風(fēng)格調(diào)性上差異化很大。
但是,對于設(shè)計決策來說,無論C端、B端還是G端,都屬于設(shè)計項目,都要進(jìn)行理性的需求分析和策略制定,即使某些產(chǎn)品類型最終選擇了偏感性的或情感化的表達(dá)手法,也是
基于理性決策后的一種選擇
,是實現(xiàn)目標(biāo)的一種手段。
所以我想說的是,理性和感性兩者既不是對立關(guān)系,也不是并列關(guān)系,而是先后關(guān)系或嵌套關(guān)系:
理性是設(shè)計的基礎(chǔ)和第一步,感性則是在理性之上的選擇和展開
。
 
最后的話
作為設(shè)計師,對于設(shè)計中的理性與感性之問,不應(yīng)停留在非此即彼或既要也要的簡單認(rèn)知里,任何深入的思考都是有意義的。在這個存在分歧的問題上,希望我的觀點可以為你提供一點點啟發(fā),也希望各位設(shè)計師既能夠通過理性的分析制定出有效的設(shè)計策略,又能夠通過感性的表達(dá)手法創(chuàng)造出動人的設(shè)計作品,不斷提升自身的設(shè)計價值,與產(chǎn)品實現(xiàn)共贏


作者:設(shè)計來電
鏈接:https://www.zcool.com.cn/article/ZMTYyNjY2MA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

設(shè)計的意義

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

保羅·蘭德說:“設(shè)計是一種行為,是想象力馳騁的過程和產(chǎn)物。”

作為設(shè)計師,設(shè)計是我們的專業(yè),也是我們用來解決商業(yè)問題的工具。

我們過去也許都曾思考過類似設(shè)計的價值、意義或是本質(zhì)之類的問題。思考這類問題在某種意義上或許都是為了當(dāng)我們遇到困難、沖突、低谷或是不確定性的時候給自己找一些能夠堅持下去的理由。

設(shè)計師在從業(yè)的不同階段,對設(shè)計的理解不同。從追求工具技能到表現(xiàn)力、方法論、風(fēng)格到影響行業(yè)甚至社會審美意識等等。不斷的錘煉之后,對設(shè)計意義也會有不同理解。

我們奉為的大師,都擅長用自己的知識架構(gòu)定義對設(shè)計的理解。

保羅·蘭德就是一位我們公認(rèn)的設(shè)計大師、藝術(shù)家。他是當(dāng)今美國乃至世界上最杰出的圖形設(shè)計師、思想家及設(shè)計教育家之一。他最出名的企業(yè)標(biāo)志設(shè)計,包括IBM,UPS,ABC標(biāo)志以及為史蒂夫·喬布斯設(shè)計NeXT.那段經(jīng)典橋段。

去研究這些前輩們?nèi)绾慰创O(shè)計、理解設(shè)計以及如何與設(shè)計相處一生,是另一種設(shè)計哲學(xué)的思辨。

保羅·蘭德說:

“設(shè)計是一種行為,是想象力馳騁的過程和產(chǎn)物。”

設(shè)計表現(xiàn)可能看似是簡單的組裝、排序或是美化的過程,但設(shè)計的過程也是賦予信息意義的過程。不斷的簡化、厘清、修飾甚至可能去說服、去取悅過后,設(shè)計就是把散文變成詩歌的過程。

設(shè)計師是孤獨的,大部分時候他們是一個人在戰(zhàn)斗。

設(shè)計是個人行為,即便在設(shè)計成熟度較高的國家、企業(yè)或是大型團(tuán)隊,設(shè)計師仍需在一線才能真正掌控在這場戰(zhàn)斗中可能遇到的極其細(xì)節(jié)的變化和給人傳達(dá)的感受。

設(shè)計需要沖突來加深傳達(dá)的“戲劇性”。但設(shè)計過程也面臨種種沖突。這是設(shè)計的商業(yè)價值與藝術(shù)價值平衡的過程。正是因為這種關(guān)心很難平衡,才會出現(xiàn)雇主與設(shè)計師之間的沖突。

企業(yè)的目標(biāo)是達(dá)到商業(yè)、經(jīng)濟(jì)、政治甚至社會性目的。對設(shè)計師而言,設(shè)計是一種創(chuàng)造和實驗行為。通過這種行為來平衡之前的目標(biāo)。

設(shè)計品質(zhì)最終決定設(shè)計師與核心決策者之間的關(guān)系。關(guān)心越是緊密,設(shè)計的產(chǎn)出就越有可能出彩。這其實并不難理解,對設(shè)計完成度有高追求的企業(yè),CEO也大多都跟設(shè)計團(tuán)隊或是設(shè)計咨詢公司有較為緊密的往來。就比如蘋果的喬布斯與喬納森是我們都公認(rèn)的CEO與設(shè)計師高緊密度關(guān)系的典范。

當(dāng)今社會,市面上依然存在太多糟糕的設(shè)計。

一來,核心的決策者對設(shè)計專業(yè)的理解度不夠。

二來,很多決策依賴于市場調(diào)研,既得利益的權(quán)重大于長遠(yuǎn)利益。

再就是我們回避不開的話題,設(shè)計師在某種意義上話語權(quán)不夠。

抉擇者很多時候不了解或是存在對某類元素特定的喜好偏見,他們有評價權(quán),但卻缺乏對設(shè)計專業(yè)知識的儲備。所以就會普遍出現(xiàn)外行指導(dǎo)內(nèi)行的情況。過往(現(xiàn)在好一些),他們將設(shè)計師看做一套繪圖工具,一個合作供應(yīng)商而不是一個業(yè)務(wù)團(tuán)隊里重要的組成部門。

體系完整的企業(yè)可能會引入市場調(diào)研團(tuán)隊,調(diào)研團(tuán)隊為營銷提供定位信息,設(shè)計師來解讀和演繹那些信息。如果調(diào)研團(tuán)隊能理解設(shè)計師的工作過程與其產(chǎn)生共鳴,就有可能促成正確決策甚至產(chǎn)生驚喜的創(chuàng)意作品。

但很多時候,我們聽到了太多這樣的回復(fù):

 

我喜歡它;

我不喜歡它;

它太簡單了;

它太復(fù)雜了;

它讓我想起某某...

常常一句“我不喜歡”就可以終結(jié)任何設(shè)計作品。就像當(dāng)初一位IBM的主管第一次看到這個條紋logo時嘲弄到說“這東西讓我想起格魯吉亞的鎖鏈囚犯”。

每個人所能感知的信息都不盡相同。

有人既看不到logo的意義,也看不到它的功能。也正因為過于用喜好而不是專業(yè)去評判,才讓糟糕的設(shè)計一直留存于我們的世界。而大眾對糟糕的設(shè)計要比對好設(shè)計更加熟悉,于是大家習(xí)慣于選擇不好的設(shè)計,因為和他們朝夕相處。

新事物讓人感受到威脅,而舊事物讓人安心。

要判斷一個設(shè)計的內(nèi)在價值,決定性因素不是使用期,而是它所設(shè)定的“品質(zhì)預(yù)期”。這是設(shè)計師的價值,也是設(shè)計師該練就的“知覺”。

何為知覺?

我們可以把知覺暫定為“瞬間的洞悉”。設(shè)計師在做設(shè)計決策的時候大部分都是依賴過往的知識儲備以及慣性技能。不斷的嘗試,都是通過瞬間對各方向的可能性判斷。

本能、預(yù)感、沖動、洞悉之后的綜合“洞悉”,這就是知覺。

說到logo,我們常把logo當(dāng)成品牌價值傳遞的重要符號。

它是一面旗幟、一個簽名、一個路標(biāo)。大部分時候,雇主期待logo能描述一個行業(yè),但歷史上最成功的logo都沒能做到。蘋果、勞斯萊斯、可口可樂、或是IBM等等...不可否認(rèn)的是它們都是歷史上最成功的logo,但它們卻無法做到能傳遞它們的行業(yè)屬性。因為logo遠(yuǎn)不如它所代表的產(chǎn)品重要,它所代表的比它看起來的樣子更重要。


因為只有l(wèi)ogo與它所屬的公司、產(chǎn)品、服務(wù)聯(lián)系起來時,它才具備真正的意義。一流的產(chǎn)品和公司的logo傳遞出一流的形象。反之一個公司如果是二流的,那么它的logo最終也會被歸為二流。

 

 

logo首先要告訴人們“是誰”,而不是“是什么”。這才是它最基礎(chǔ)且最重要的功能。它所扮演的角色就是“指示”。“簡潔”是達(dá)成指示的手段。所以設(shè)計過程中的特點、好記以及清楚都是需要設(shè)計師在打磨細(xì)節(jié)前首先要做好的決策。一個復(fù)雜、挑剔、模糊的設(shè)計潛藏著自我毀滅性的風(fēng)險。

 

“好的設(shè)計帶來好的生意”。但不可否認(rèn),即使不好的設(shè)計,也可能帶來好的生意(比如下圖)。如果這樣,還需要好的設(shè)計么?

好的設(shè)計可以增添額外的附加價值,很多時候,也許光看著它就能給人們帶來快樂。它們更尊重感官,并通過這種友好的感官體驗,給企業(yè)帶來回報。人們更容易記得精美而不是一團(tuán)糟的形象。它折射出一個考慮周全,目標(biāo)明確的企業(yè),反映了它的產(chǎn)品或者服務(wù)的品質(zhì)。所以,這個世界需要好的設(shè)計,設(shè)計師要做的就是用設(shè)計向世界傳遞一些更有價值的觀點。這是設(shè)計師的工作,也是設(shè)計該有的意義。

「大寶推薦閱讀書單之《設(shè)計的意義》」



作者:大寶頻道
鏈接:https://www.zcool.com.cn/article/ZMTQ3ODQzMg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

 

優(yōu)秀的設(shè)計就是帶給用戶驚喜!

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

優(yōu)秀的產(chǎn)品設(shè)計是能帶給用戶驚喜的,在不經(jīng)意間讓用戶感受到溫度,也是提升用戶體驗的關(guān)鍵。
 
隨著行業(yè)的進(jìn)步,產(chǎn)品設(shè)計師也在不斷優(yōu)化體驗,輸出一個一個優(yōu)秀的解決方案。近期黑馬哥也發(fā)現(xiàn)了一些比較驚喜的設(shè)計,來和大家一起欣賞一下吧!
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
體驗?zāi)夸?/div>
一、降落傘帶來的營銷廣告
二、動效反饋商家備餐過程
三、這個廣告驚不驚喜意不意外
四、Banner 廣告的視覺沉浸感
五、待機(jī)狀態(tài)下的實時動態(tài)
六、小圖標(biāo)里的細(xì)節(jié)反思
七、輪播式的懸浮設(shè)計
八、氛圍熱烈的底部標(biāo)簽欄
九、收縮式交互設(shè)計
十、形象化的進(jìn)度設(shè)計
 
 
一、降落傘帶來的營銷廣告
在這個廣告滿天飛的年代,用戶已經(jīng)逐步開啟廣告免疫模式,如何提高用戶對廣告的關(guān)注度至關(guān)重要。
 
近期在體驗餓了么時,等待送餐界面中空降一個降落傘,從左上角飄到右側(cè)懸浮,彈出紅包懸浮廣告。降落傘飄浮的動態(tài)過程吸引了用戶的關(guān)注度,進(jìn)而提高了營銷廣告的點擊率,雖然廣告大家都比較反感,但是一個伴隨著驚喜的廣告也會讓你放下戒備心理。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
二、動效反饋商家備餐過程
提升等待過程對于用戶體驗來說尤為重要,降低用戶等待過程中的焦慮感,才能讓用戶愿意為此停留。
 
通過餓了么點餐之后,商家需要一定的時間完成餐飲的制作,必然需要用戶等待一些時間。在這個備餐過程中,當(dāng)前界面以一個翻炒動效表達(dá),情感化的動效不僅提示用戶當(dāng)前狀態(tài),也提升了設(shè)計表達(dá)的感官體驗。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
三、這個廣告驚不驚喜意不意外
意料之外的廣告是帶給你驚喜還是反感呢?平臺為了提高變現(xiàn)能力,各種層出不窮的廣告玩法也讓你猝不及防。
 
之前在體驗騰訊視頻 App 時,從閃屏廣告過度到 Banner 圖的過程中,經(jīng)歷了多個廣告新花樣。首先從閃屏切換到自動輪播的彈窗模式,再演變到放大版的多個廣告切片(占 Banner 位呈現(xiàn)),最后再恢復(fù)到 Banner 的正常布局中。這個過程無疑是把廣告的存在感拉滿了,讓你對廣告的記憶形成硬性要求。
 
無論這個廣告設(shè)計方案是否讓用戶反感,但是這個呈現(xiàn)的互動方式還是比較新穎的,相信廣告的點擊率必然有所提升。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
四、Banner 廣告的視覺沉浸感
Banner 圖在產(chǎn)品中是非常普及的,各類形式的演變也層出不窮,產(chǎn)品設(shè)計師都在探索更多可能性。
 
在騰訊視頻 App 動漫欄目中,發(fā)現(xiàn)一例很有想法的 Banner 表現(xiàn)。Banner 上面新增了一個懸浮的火焰燃燒的動效,提升了整體的氛圍感,動效與 Banner 畫面完美貼合,視覺沉浸感十足。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
五、待機(jī)狀態(tài)下的實時動態(tài)
隨時讓用戶感受到你的存在,才能讓人感到安心,服務(wù)過程中狀態(tài)實時可見至關(guān)重要。
 
通過餓了么點餐之后,就算處于待機(jī)狀態(tài)時,只要點亮屏幕即可看到當(dāng)前出餐狀態(tài)。可視化的圖形結(jié)合時間提醒,讓狀態(tài)一目了然,使得點餐到用餐之間的過程更有用戶可控性。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
六、小圖標(biāo)里的細(xì)節(jié)反思
產(chǎn)品中有很多輔助功能/信息等表達(dá)的圖標(biāo),既要能準(zhǔn)確表達(dá)主題,也要讓用戶易于理解。
 
在汽車之家 App 發(fā)現(xiàn)了一個值得反思的圖標(biāo)案例,在掃一掃的圖標(biāo)中結(jié)合了汽車外形輪廓,不僅不會影響掃描的功能表達(dá),也進(jìn)一步表達(dá)了該功能的差異。和別的產(chǎn)品掃描功能不同,這個是對準(zhǔn)汽車進(jìn)行掃描,體現(xiàn)出了業(yè)務(wù)的差異化。一枚小小的圖標(biāo)體現(xiàn)出了設(shè)計師的能力,用最簡單的方式表現(xiàn)自身產(chǎn)品的差異,以此提升用戶的操作體驗。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
七、輪播式的懸浮設(shè)計
懸浮設(shè)計非常普及,因為占比小和滑動頁面會隱藏,對用戶的干擾比較小。
 
最近在芒果 TV 首頁發(fā)現(xiàn)了懸浮窗口的輪播式表達(dá),芒果卡和活動中心會自動輪播顯示(也能手動切換)。讓我們對懸浮窗口的設(shè)計又多了一種設(shè)計理解,可以呈現(xiàn)更多不同內(nèi)容的表達(dá),提升了窗口的利用率。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
八、氛圍熱烈的底部標(biāo)簽欄
底部標(biāo)簽欄的設(shè)計在圖標(biāo)創(chuàng)意層面發(fā)揮較多,各類風(fēng)格的圖標(biāo)讓該欄目更加豐富多彩,除此之外也有在背景層渲染氛圍的案例。
 
近期恰逢芒果 TV 十周年之際,在底部標(biāo)簽欄背景層也加強(qiáng)了氛圍感。豐富多彩的元素和配色,結(jié)合主題化的圖標(biāo)設(shè)計,使得整體氛圍感拉滿。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
九、收縮式交互設(shè)計
通過交互方式應(yīng)對用戶操作過程,特別是在滑動界面時,交互方式的優(yōu)化可以降低干擾,提高當(dāng)前界面的利用率。
 
在 Blurrr App 創(chuàng)作界面,默認(rèn)以 3D 動態(tài)圖標(biāo)展示“開始創(chuàng)作”按鈕,當(dāng)滑動界面時按鈕會收縮展示。通過收縮式的交互設(shè)計,讓界面可以展示更多內(nèi)容,也不會影響用戶點擊按鈕進(jìn)行創(chuàng)作。即通過 3D 動效加強(qiáng)了功能的曝光度,又通過收縮式交互提高了內(nèi)容的展示空間,可謂是一舉多得的設(shè)計解決方案。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
十、形象化的進(jìn)度設(shè)計
進(jìn)度設(shè)計是反饋狀態(tài)變化的關(guān)鍵,通過可視化的表達(dá)讓用戶一目了然,提高用戶對服務(wù)過程的把控。
 
當(dāng)用戶通過攜程旅行 App 訂票后,在行程訂單界面可以看到列車行駛狀態(tài)的進(jìn)度提示。通過可視化的列車形象的表達(dá)了行駛狀態(tài),讓用戶清晰的看到行駛方向和抵達(dá)站點示意。不僅信息傳遞高效,形象的表達(dá)也使得感官體驗更佳。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
小結(jié)
優(yōu)秀的產(chǎn)品總能在細(xì)微之處帶給你驚喜,讓你感受到產(chǎn)品服務(wù)的情感化和溫度。本文觀點僅代表個人體會,希望可以和大家一起共勉。
 
作者:黑馬青年
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。


作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTYxODE4MA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

每個設(shè)計都讓你感受到個性化

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

隨著同類型產(chǎn)品越來越多,更有體驗感和個性化的設(shè)計才能打動用戶,成為被選擇的對象。作為產(chǎn)品設(shè)計師我們在不斷探索和創(chuàng)新,希望以更好的設(shè)計表達(dá)來解決業(yè)務(wù)場景,為提升用戶體驗而助力。
 
本期以個性化設(shè)計為出發(fā)點,給大家?guī)硎畟€不錯的設(shè)計方案,希望可以帶給大家更多設(shè)計靈感。
每個設(shè)計都讓你感受到個性化
 
 
 
 
體驗?zāi)夸?/div>
一、讓你感受溫暖的年度報告
二、趣味性的圖標(biāo)設(shè)計
三、通過 AI 重新定義搜索體驗
四、動態(tài)化功能引導(dǎo)產(chǎn)品升級
五、動態(tài)優(yōu)惠券更有吸引力
六、人性化的溫馨提示設(shè)計
七、自定義形象的年度報告
八、個性化的主界面設(shè)置
九、情感化的表情設(shè)置
十、空間感的 Banner 輪播體驗
 
 
 
一、讓你感受溫暖的年度報告
這段時間相信大家經(jīng)常使用的產(chǎn)品都曬出了年度報告,設(shè)計風(fēng)格與互動形式也層出不窮,哪一個產(chǎn)品的設(shè)計風(fēng)格最打動你呢?
 
在我刷到的年度報告中,攜程旅行的年度旅行報告印象最深刻。毛茸茸的設(shè)計風(fēng)格在寒冷的冬季顯得格外溫暖,圖標(biāo)、字體、背景、按鈕等都以此風(fēng)格進(jìn)行設(shè)計,整體效果非常細(xì)膩柔軟,你也去體驗感受一下吧!
每個設(shè)計都讓你感受到個性化
 
 
 
 
二、趣味性的圖標(biāo)設(shè)計
圖標(biāo)在產(chǎn)品中主要以各種設(shè)計風(fēng)格形成差異,打造出匹配品牌風(fēng)格的個性設(shè)計,除此以外,我們也要多在圖形創(chuàng)意表達(dá)層面進(jìn)行探索。
 
最近在使用極兔速遞小程序時,除了圖標(biāo)設(shè)計的風(fēng)格獨特以外,多個場景的圖形創(chuàng)意也很有意思。比如下單寄件、掃碼寄件和個人中心的圖標(biāo)等,趣味性的設(shè)計表達(dá)讓人印象深刻,以個性化的圖形創(chuàng)意吸引用戶的注意力。
每個設(shè)計都讓你感受到個性化
 
 
 
 
三、通過 AI 重新定義搜索體驗
AI 化已經(jīng)成為眾多行業(yè)未來需要對接的方向,任何行業(yè)都可以通過 AI 進(jìn)行重新定義,帶給用戶 AI 化的體驗。
 
以前在騰訊視頻 App 搜索時都是以關(guān)鍵詞為主,現(xiàn)在可以通過 AI 搜與騰訊元寶 AI 助手交流,以對話式的方式找到感興趣的影片。通過 AI 重新定義了搜索方式,讓用戶感受到屬于 AI 化的體驗感。
每個設(shè)計都讓你感受到個性化
 
 
 
 
四、動態(tài)化功能引導(dǎo)產(chǎn)品升級
引導(dǎo)用戶升級產(chǎn)品才能帶來新的功能和服務(wù)升級,如何吸引用戶進(jìn)行升級變得至關(guān)重要。
 
高德地圖為了引導(dǎo)用戶點擊升級,以升級后帶來的更優(yōu)功能和服務(wù)為吸引點,通過動態(tài)輪播的形式表現(xiàn)升級彈窗。動態(tài)化的功能引導(dǎo)可以讓用戶提前了解新版本的信息,提高用戶升級的選擇性。
每個設(shè)計都讓你感受到個性化
 
 
 
 
五、動態(tài)優(yōu)惠券更有吸引力
各種優(yōu)惠券、打折券、新人紅包等讓用戶開始有點麻木,也不一定會領(lǐng)取和使用,如何增加其吸引力就變得越來越重要了。
 
近期高德地圖打車欄目的營銷活動中,為了展示更多類型的打車券、打車金等,通過動態(tài)輪播的方式進(jìn)行設(shè)計表達(dá)。相較于靜態(tài)展示而言,不僅解決了內(nèi)容展示的數(shù)量問題,動態(tài)的方式也更有吸引力,增加用戶的參與概率。
每個設(shè)計都讓你感受到個性化
 
 
 
 
六、人性化的溫馨提示設(shè)計
溫馨提示雖然不一定管用,但是依然可以讓用戶感受到人性化的服務(wù),增加用戶對產(chǎn)品的好感度。
 
在比較晚的時間段使用洪恩識字 App 時,會出現(xiàn)溫馨提示的彈窗,勸導(dǎo)用戶注意休息時間。人性化的設(shè)計可以輔助家長管理孩子的使用習(xí)慣,提醒注意時間管理和作息規(guī)律。
每個設(shè)計都讓你感受到個性化
 
 
 
 
七、自定義形象的年度報告
年度報告的形式豐富多樣,都是以用戶個人數(shù)據(jù)生成,如何才能更加個性化,成為了設(shè)計表達(dá)的重點。
 
網(wǎng)易云音樂的年度聽歌報告可以自定義形象,可以針對身體的上中下三個部分進(jìn)行定制,以個性化的形象開啟專屬的聽歌報告。整體表達(dá)很有設(shè)計感,圖形、排版與配色都很不錯,快去生成屬于你的聽歌報告吧!
每個設(shè)計都讓你感受到個性化
 
 
 
 
八、個性化的主界面設(shè)置
對于感官體驗每個人的喜好各不相同,為了滿足各自的選擇需求,個性化的設(shè)置變得尤為重要。
 
體重小本 App 的主界面,可以通過主題皮膚設(shè)置背景、配色等,提供了煥彩粉和清爽藍(lán)的多款選擇,用戶也可以自定義圖片進(jìn)行設(shè)置。通過個性化的設(shè)置帶給用戶更多選擇性,滿足不同的感官體驗需求。
每個設(shè)計都讓你感受到個性化
 
 
 
 
九、情感化的表情設(shè)置
通過表情設(shè)計輔助可視化表達(dá),其中表情符號的運用較為常見,豐富多樣的表情選擇更能滿足用戶需求。
 
體重小本 App 體重數(shù)據(jù)展示中,以不同表情來體現(xiàn)體重數(shù)據(jù)的變化,情感化的表達(dá)讓變化的呈現(xiàn)更加貼切。產(chǎn)品提供了多款表情供用戶選擇,用戶也可以設(shè)置自定義表情,情感化的設(shè)置讓體驗感變得更加豐富。
每個設(shè)計都讓你感受到個性化
 
 
 
 
十、空間感的 Banner 輪播體驗
輪播 Banner 圖在設(shè)計表達(dá)、布局結(jié)構(gòu)、輪播形式等層面都可以進(jìn)行創(chuàng)意發(fā)揮,有特點的形式更能吸引注意力,以此提高 Banner 的點擊率。
 
最近在體驗芒果 TV 時,發(fā)現(xiàn)首頁 Banner 的表現(xiàn)形式以分層式表達(dá),輪播過程中更有空間感。將人物與背景進(jìn)行分層設(shè)計,輪播時分前后入場,伴隨著縮放等動效表達(dá),營造出更強(qiáng)的空間感。
每個設(shè)計都讓你感受到個性化
 
 
 
 
小結(jié)
設(shè)計思維的轉(zhuǎn)變離不開大量優(yōu)秀案例的輔助,對于產(chǎn)品設(shè)計師來說,體驗和總結(jié)的訓(xùn)練至關(guān)重要。希望本期的分享可以帶給大家一些啟發(fā),觀點屬于個人見解,不足之處歡迎大家留言補(bǔ)充。
 
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。
 


作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTY1MDA0OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

設(shè)計方法論 I 超全面的頁面分割設(shè)計指南

天宇

 
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
當(dāng)你打開一個頁面,首先映入眼簾的是豐富多樣的內(nèi)容和信息。如何在有限的空間內(nèi),既保證內(nèi)容的完整性,又讓用戶能夠輕松理解和瀏覽,這背后的奧秘就在于頁面分割。今天,我們就來一起
探討頁面分割的藝術(shù)與技巧,看看它是如何為你的設(shè)計增添魅力,提升用戶體驗的。
 
在設(shè)計中,頁面分割不僅僅是一種技術(shù)手段,更是一種藝術(shù)表現(xiàn)。它如同一位細(xì)心的畫師,巧妙地運用線條、色彩、空白等元素,將頁面內(nèi)容劃分為一個個清晰、有序的區(qū)域。
通過這些分割,用戶能夠更快速地找到所需信息,更輕松地理解頁面內(nèi)容,從而享受到更加愉悅的閱讀體驗。
頁面分割的魅力在于其多樣性和靈活性。不同的頁面可以采用不同的分割方式,如線條分割、卡片分割、留白分割等,以滿足不同的設(shè)計需求和用戶習(xí)慣。同時,頁面分割也需要根據(jù)內(nèi)容的實際情況進(jìn)行合理調(diào)整,既要保證信息的完整性,又要避免過度分割帶來的混亂感。
 
在本文中,我們將一起探討頁面分割的原則、技巧和應(yīng)用實例。我們將學(xué)習(xí)如何運用不同的分割方式來優(yōu)化頁面布局,提升用戶體驗。同時,我們還將分享一些成功的頁面分割案例,以激發(fā)你的設(shè)計靈感,為你的界面設(shè)計注入新的活力。
 
分享目錄:
一、分割的常見樣式
二、線性分割
三、卡片分割
四、留白分割
五、總結(jié)
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
線性分割:通過使用線條來劃分頁面的不同區(qū)域,以達(dá)到組織內(nèi)容、引導(dǎo)用戶視線和提升整體美觀度的目的。這種分割方式簡單明了,能夠清晰地展現(xiàn)出頁面內(nèi)容的層次和結(jié)構(gòu)。
 
卡片分割:卡片式設(shè)計是一種流行的界面分割方法,通過將內(nèi)容劃分為獨立的卡片或區(qū)塊,使用戶能夠更清晰地理解信息。每個卡片通常包含相關(guān)的內(nèi)容,如文本、圖片或按鈕,以便用戶快速瀏覽和交互。
 
留白分割:主要通過增加間距的方式,利用人的視知覺原理(接近法則:人的大腦會傾向于把彼此靠近的元素視為一組),自然地將信息進(jìn)行分組。這種留白的方式能夠為頁面增加呼吸感,降低視覺噪音,使設(shè)計看起來更簡潔。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
近年來,設(shè)計趨勢從“卡片式設(shè)計”轉(zhuǎn)向了“去線化設(shè)計”,即傾向于使用留白分割而非過多的線條分割,以實現(xiàn)更為簡潔清晰的界面效果。設(shè)計師在選擇分割方式時,應(yīng)優(yōu)先考慮留白分割,其次是線性分割,最后是卡片分割。這個選擇順序反映了設(shè)計界的一般原則,即在不影響信息傳達(dá)的前提下,盡可能保持設(shè)計的簡潔性。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
線性分割的定義:
線性分割設(shè)計是一種在視覺設(shè)計中使用的技巧,它使用線條、邊框或細(xì)線等元素來劃分、區(qū)分或連接頁面上的不同內(nèi)容區(qū)域。這種設(shè)計手法主要用于提高頁面內(nèi)容的可讀性和組織性,幫助用戶更好地理解和瀏覽頁面信息。
 
線性分割設(shè)計具有以下優(yōu)勢:
 
1.劃分區(qū)域:線性分割可以將頁面劃分為不同的區(qū)域或模塊,使得每個區(qū)域的內(nèi)容更加清晰、有序。這有助于用戶快速定位和瀏覽所需的信息,提高閱讀效率。
 
2.區(qū)分內(nèi)容:線性分割可以用來區(qū)分不同類型的內(nèi)容,如文本、圖片、圖表等。通過線性分割,可以將這些內(nèi)容進(jìn)行分組或歸類,使得頁面更加整潔、有序。
 
3.引導(dǎo)視線:線性分割可以引導(dǎo)用戶的視線,幫助他們更好地理解頁面內(nèi)容。通過合理的線性分割設(shè)計,可以突出顯示重要的信息或元素,引導(dǎo)用戶關(guān)注到關(guān)鍵內(nèi)容。
 
4.增強(qiáng)層次感:線性分割可以增強(qiáng)頁面的層次感,使得頁面內(nèi)容更加豐富、有深度。通過不同樣式的線性分割,可以區(qū)分不同的信息層級,幫助用戶更好地理解頁面結(jié)構(gòu)和內(nèi)容關(guān)系。
 
使用原則:在使用分割線時,我們應(yīng)遵循一些原則,以確保其有效地幫助用戶理解頁面的組成,同時避免過度使用帶來的視覺干擾。
 
1.分割線應(yīng)當(dāng)微妙而不過于顯眼。
它們在布局中應(yīng)該容易被用戶注意到,但又不應(yīng)成為焦點,以免分散用戶的注意力。
 
2.分割線應(yīng)被視為次要的元素。
只有在留白等其他設(shè)計手法無法有效起到分割作用時,才考慮使用分割線。它們應(yīng)當(dāng)是布局中的輔助工具,而不是主導(dǎo)元素。
 
3.謹(jǐn)慎使用分割線。
過度使用分割線可能會導(dǎo)致頁面顯得混亂和復(fù)雜。相反,我們應(yīng)該用分割線來創(chuàng)建信息分組,而不是簡單地分割每一個條目。通過審慎而恰當(dāng)?shù)厥褂梅指罹€,我們可以有效地提升頁面的可讀性和用戶體驗。
圖片來源于參考文章
圖片來源于參考文章
 
線性分割三種類型:
通欄分割線、內(nèi)嵌分割線和中間分割線。
 
1.通欄分割線(Full-bleed Dividers):通欄分割線通常橫跨整個頁面寬度,用于分隔彼此完全獨立的內(nèi)容區(qū)域。這種分割線在視覺上非常顯著,能夠清晰地劃分出不同的內(nèi)容區(qū)塊,使用戶能夠迅速區(qū)分不同部分的信息。通欄分割線通常用于區(qū)分文章、產(chǎn)品列表、服務(wù)介紹等獨立的內(nèi)容區(qū)域。
 
2.內(nèi)嵌分割線(Inset Dividers):內(nèi)嵌分割線通常位于內(nèi)容區(qū)域內(nèi)部,用于分隔有錨點(如頭像、圖標(biāo)等)的相關(guān)內(nèi)容。這些錨點可以是圖片、符號或小的圖形元素,它們與分割線一起,幫助用戶更好地理解和區(qū)分內(nèi)容。內(nèi)嵌分割線常用于列表、卡片式布局、時間線等場景中,用于展示有關(guān)聯(lián)但不同類別的信息。
 
3.中間分割線(Middle Dividers):中間分割線位于兩個內(nèi)容區(qū)域之間,用于分隔無錨點的相關(guān)內(nèi)容。這種分割線通常比通欄分割線更細(xì),更注重于在視覺上劃分空間,而不是強(qiáng)調(diào)內(nèi)容的獨立性。中間分割線常用于文本段落之間、列表項之間或不同功能區(qū)域之間,以提供清晰的結(jié)構(gòu)和層次。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
在大多數(shù)情況下,當(dāng)信息層級較為簡單(即信息層級≤2)時,使用分割線進(jìn)行信息分割是一種有效的方法。然而,實際上,如果留白間距足夠大,我們也可以使用留白來達(dá)到類似的效果。通過增大留白間距,我們可以創(chuàng)造出清晰的視覺區(qū)域劃分,使得信息之間的界限更加明確。
 
與分割線相比,足夠大的留白間距可以避免多余的線性元素干擾,讓整體視覺效果更加清爽。這樣的設(shè)計選擇有助于提升用戶的閱讀體驗,使用戶更加輕松地理解和消化信息。
 
因此,在信息層級較簡單的情況下,我們可以靈活地選擇使用分割線或留白來進(jìn)行信息分割。通過調(diào)整留白間距,我們可以達(dá)到與分割線相似的效果,同時保持整體設(shè)計的簡潔和清晰。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
為了提升屏效,我們希望在一屏內(nèi)展示盡可能多的信息。在這種情況下,分割線的設(shè)計顯得尤為重要,因為它們能夠有效地劃分信息區(qū)域,使內(nèi)容更加清晰、易于理解。
 
通過使用分割線,我們可以將較多的信息條理化,使得用戶能夠更快速地找到所需的內(nèi)容。與沒有分割線的布局相比,使用分割線能夠顯著提高信息的可讀性和可理解性。
 
在相同的信息布局下,分割線能夠?qū)⑿畔^(qū)域明確地劃分開來,防止信息之間產(chǎn)生混淆或交叉。這種劃分不僅使得每個信息塊更加獨立,而且提高了信息之間的對比度,使用戶能夠更輕松地識別和區(qū)分不同的信息。
 
因此,當(dāng)我們的目標(biāo)是提高屏效并展示大量信息時,分割線的設(shè)計是一個關(guān)鍵要素。通過合理地使用分割線,我們可以確保信息布局更加清晰、有序,從而提高用戶的閱讀效率和滿意度。(如下圖)
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
線性分割在移動端頁面設(shè)計中的應(yīng)用場景廣泛,尤其是在需要清晰劃分信息模塊時。如微信的聊天列表中,線性分割被用來區(qū)分不同的消息條目。每條消息之間通過一條細(xì)線進(jìn)行分隔,使得每條消息清晰可辨,方便用戶快速瀏覽和定位到特定的消息。
 
線性分割還常用在各類App的信息提示中,如果有多條消息需要展示,線性分割可以用來
區(qū)分不同的消息組。例如招商銀行APP中,當(dāng)用戶收到多條未讀消息時,每條消息之間可以通過線性分割進(jìn)行區(qū)分,使得每條消息清晰可辨,方便用戶逐一查看和處理。
 
在APP需要用戶填寫信息和設(shè)置的表單頁面中,線性分割可以用來區(qū)分不同的輸入字段或信息區(qū)域。這有助于用戶更清晰地了解需要填寫的信息,提高表單的填寫效率和準(zhǔn)確性,比如站酷的設(shè)置頁面(如下圖)
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
卡片分割的定義:卡片分割設(shè)計主要通過將內(nèi)容或功能區(qū)域劃分成獨立的“卡片”來進(jìn)行信息展示和組織。每個卡片通常包含相關(guān)的內(nèi)容或功能,并且與其他卡片通過一定的間距或線性分隔進(jìn)行區(qū)分。
 
卡片分割設(shè)計具有以下優(yōu)勢:
 
1.內(nèi)容封裝:卡片分割設(shè)計將相關(guān)內(nèi)容或功能封裝在一個獨立的卡片內(nèi),使得每個卡片成為一個獨立的信息單元。這有助于保持頁面內(nèi)容的清晰和整潔,方便用戶瀏覽和理解。
 
2.明確邊界:每個卡片通常具有明確的邊界,通過邊框、陰影或間距等元素來區(qū)分不同的卡片。這種邊界的存在使得每個卡片在視覺上相對獨立,方便用戶進(jìn)行區(qū)分和識別。
 
3.靈活布局:卡片分割設(shè)計具有很高的靈活性,可以根據(jù)需要自由調(diào)整卡片的大小、位置和排列方式。這使得設(shè)計師可以根據(jù)不同的設(shè)計需求和用戶習(xí)慣來靈活調(diào)整卡片的布局,以達(dá)到最佳的視覺效果。
 
4.強(qiáng)調(diào)重點:通過不同的視覺處理手法,如改變卡片的顏色、大小或樣式等,可以突出顯示重要的卡片或內(nèi)容。這有助于吸引用戶的注意力,引導(dǎo)他們關(guān)注到關(guān)鍵信息。
 
卡片的基本構(gòu)成:卡片是一個獨立的主題性容器,旨在將內(nèi)容和操作組合在一起。它可以包含多種元素,如容器、縮略圖、標(biāo)題、副標(biāo)題、富媒體、輔助文字、按鈕和圖標(biāo)按鈕等。這些元素并非必須全部存在,而是根據(jù)具體需求進(jìn)行選擇和配置。無論選擇哪些元素,它們都會以易于掃描和操作的形式整齊地放置在卡片上。這種設(shè)計使得卡片成為一個靈活且高效的信息展示工具,適用于各種場景和應(yīng)用。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
卡片分割常見的類型:卡片分割可分為、通欄卡片和非通欄卡片
 
1、通欄卡片:其特點是卡片占據(jù)整個頁面寬度,沒有左右邊距。通欄卡片的設(shè)計可以提高布局的靈活性,使得頁面內(nèi)容更加寬敞和大氣。同時,通欄卡片也可以更好地突出展示單條內(nèi)容,引導(dǎo)用戶的視線,提高閱讀效率。
 
2.非通欄卡片:與通欄卡片相比,它會在卡片的左右兩側(cè)留有邊距,不完全占據(jù)整個頁面寬度。這種設(shè)計方式可以使得頁面內(nèi)容更加有層次感和組織性,同時也有利于突出顯示某些關(guān)鍵信息。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
通欄卡片
通欄卡片相較于非通欄卡片,其設(shè)計特點在于去除了左右兩端的留白,僅保留上下邊距,從而提供了更大的展示空間。這種設(shè)計使得卡片內(nèi)的內(nèi)容能夠占據(jù)整個頁面寬度,進(jìn)一步增強(qiáng)了內(nèi)容的視覺沖擊力。在通欄卡片中,卡片與背景的關(guān)系通常通過一條背景色塊來抽象表現(xiàn),這種簡潔的處理方式避免了過多的視覺元素干擾,使得頁面整體看起來更加整潔和統(tǒng)一。
 
通欄卡片可以被視為在極簡列表式和傳統(tǒng)卡片式設(shè)計之間的一種折中選擇。它繼承了卡片式的分層方式和強(qiáng)交互性,使得用戶能夠輕松地瀏覽和交互頁面內(nèi)容。如下圖微博“關(guān)注”、微信“發(fā)現(xiàn)”頁面。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
非通欄卡片
非通欄卡片通常采用帶圓角的設(shè)計形式,這種設(shè)計不僅賦予卡片一種柔和、圓潤的視覺效果,還增強(qiáng)了用戶的視覺舒適度。結(jié)合陰影效果以及四周的邊距,非通欄卡片巧妙地形成頁面留白,使得整體設(shè)計層次感更加豐富。
 
通過巧妙的投影設(shè)計以及前后顏色的精準(zhǔn)設(shè)定,非通欄卡片成功地讓內(nèi)容與背景之間產(chǎn)生視覺空間感,進(jìn)一步強(qiáng)化了內(nèi)容的立體感和層次感。這種設(shè)計技巧不僅提升了卡片的視覺吸引力,還使得用戶在瀏覽頁面時能夠更加輕松地區(qū)分和聚焦關(guān)鍵信息。
 
在頁面設(shè)計中,非通欄卡片的應(yīng)用范圍十分廣泛。無論是用于展示文章、產(chǎn)品、圖片還是其他類型的內(nèi)容,非通欄卡片都能夠通過其獨特的視覺效果和設(shè)計元素,為用戶帶來更加舒適、美觀的視覺體驗。同時,非通欄卡片還具有良好的適應(yīng)性和靈活性,可以根據(jù)不同的設(shè)計需求和用戶習(xí)慣進(jìn)行定制和調(diào)整,滿足不同場景下的應(yīng)用需求。如下圖夸克“夸克日報”、APP Store“首頁”
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
選擇使用通欄分割線還是卡片分割,主要取決于你的設(shè)計目標(biāo)和內(nèi)容需求。以下是三個參考建議,幫助你做出更好的選擇:
 
1.當(dāng)內(nèi)容已有自然分割線時:如果你的主題內(nèi)容本身就已經(jīng)有明確的分割線,比如列表項、段落分隔等,那么采用非通欄分割會是一個好選擇。卡片可以清晰地界定每個內(nèi)容塊,使主題信息層次更加分明,提高用戶的閱讀效率。
 
2.當(dāng)內(nèi)容類型多樣且占據(jù)較大空間時:如果單個主題內(nèi)部包含了多種類型的內(nèi)容,如文字、圖片、視頻等,且這些內(nèi)容在垂直方向上占據(jù)了較大的空間(例如,內(nèi)容長度超過屏幕高度的一半),使用非通欄分割會更加合適??ㄆ軌蛴行У厝Χ▋?nèi)容范圍,為用戶提供一個明確的視覺邊界,幫助他們更好地理解和消化信息。
 
3.當(dāng)需要增強(qiáng)橫向空間感時:如果你希望擴(kuò)展頁面的橫向空間,或者暗示用戶可以橫向滑動頁面查看更多內(nèi)容,那么非通欄卡片會是更好的選擇。非通欄卡片的設(shè)計能夠利用橫向內(nèi)容連續(xù)性原則,幫助用戶建立頁面可以橫向滑動的意識,從而提升頁面的互動性和用戶體驗。如下圖知乎“發(fā)現(xiàn)”、站酷“推薦”。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
卡片分割更適合圖文混排
卡片分割設(shè)計以其獨特的布局方式,成為圖文混排中的理想選擇。它能夠巧妙地將不同大小、媒介的內(nèi)容統(tǒng)一呈現(xiàn)在一個界面中,實現(xiàn)了內(nèi)容的多樣性與統(tǒng)一性的結(jié)合。這種設(shè)計不僅讓單屏區(qū)域能夠顯示更多內(nèi)容,還通過合理的空間劃分,確保了文字和圖片之間的和諧共存,既維持了視覺的一致性,又巧妙地平衡了文字和圖片的視覺強(qiáng)度。因此,在需要同時呈現(xiàn)多種內(nèi)容和媒介的場景中,卡片分割無疑是一種高效且美觀的解決方案。如下圖知乎“想法”、站酷“首頁”
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
留白分割的定義:留白分割是目前設(shè)計的主流趨勢,越來越多的產(chǎn)品在使用留白分割設(shè)計。留白分割主要通過增加間距的方式,利用人的視知覺原理(接近法則:人的大腦會傾向于把彼此靠近的元素視為一組),將信息進(jìn)行自然的視覺分組。
 
留白分割具有以下優(yōu)勢:
 
1.突出重點信息:通過增加間距,可以將關(guān)鍵信息與其他內(nèi)容區(qū)分開來,使用戶更容易注意到。
 
2.提高可讀性:適當(dāng)?shù)牧舭卓梢允刮淖只驁D形元素之間的界限更清晰,減少視覺干擾,從而提高用戶的閱讀效率。
 
3.增強(qiáng)設(shè)計感:留白可以為設(shè)計增加呼吸感,避免元素過于擁擠,使整體布局更加和諧、美觀。
 
當(dāng)元素之間的間距保持均勻時,整個視覺呈現(xiàn)會顯得平衡且協(xié)調(diào),大腦默認(rèn)為一個整體。然而,一旦元素的橫向和縱向間距發(fā)生變化,我們的大腦會基于接近性法則,本能地將距離較近的元素視為一個整體或群組,這就是留白分割。(如下圖)
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
留白分割在
有規(guī)律且卡片樣式較多的頁面中表現(xiàn)尤為突出,在有大量卡片樣式的頁面中,每個卡片通常都包含一定的信息。通過留白分割,可以清晰地劃分每個卡片的信息區(qū)域,使用戶更容易區(qū)分和閱讀每個卡片的內(nèi)容,增加呼吸感,避免元素過于擁擠,從而提高整體的可讀性。例如下圖中主流的音樂類App
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
相反,如果在沒有規(guī)律且頁面內(nèi)容較多的情況使用留白分割,則會使頁面雜亂無章。比如下圖咸魚的“廣場”界面feed流中,圖片從1~9張都有的情況下,使用留白分割,頁面就會變得雜亂,影響視覺效果。而脈脈則采用了卡片式分割樣式,頁面模塊則相對清晰很多。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南
 
 
在我們界面設(shè)計中,我們應(yīng)充分考慮信息條目的復(fù)雜度。當(dāng)信息較為簡單時,利用留白分割,能夠創(chuàng)造出清爽且不受干擾的視覺體驗。但隨著信息復(fù)雜度的增加,留白分割可能不足以清晰地展現(xiàn)信息層次,此時,引入線性分割是一個有效策略,它能提升屏幕的利用效率,使信息條理更加清晰。
 
當(dāng)信息復(fù)雜度進(jìn)一步升級,例如已經(jīng)運用了線性分割或涉及更多操作時,我們需要進(jìn)一步強(qiáng)化信息條目之間的邊界感。這時,卡片分割是一個理想的選擇,它不僅能增強(qiáng)信息的視覺層次,還能提升條目的可操作性。
 
重要的是,選擇信息分割方式時,我們要明確:分割本身不是目的,而是為了構(gòu)建清晰的版面邏輯
,通過悅目的信息秩序來更好地突出內(nèi)容,實現(xiàn)最佳的信息傳達(dá)效果。因此,在決策時,除了考慮上述細(xì)節(jié)因素,還需全面評估整體版面效果和信息傳達(dá)效率。感謝閱讀,希望對您有用。
設(shè)計方法論 I 超全面的頁面分割設(shè)計指南

作者:工頭新一
鏈接:https://www.zcool.com.cn/article/ZMTYxMDk2NA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan

設(shè)計師如何做產(chǎn)品需求分析:先聊聊兩個“價值”

天宇

近兩年出現(xiàn)了不少“解放設(shè)計師雙手”的設(shè)計工具、AI工具,我們似乎能很快輸出N種流程方案、N種布局方案、N種UI風(fēng)格等等。問題是:這樣窮舉設(shè)計方案的工作方式當(dāng)真有效嗎?
 
請警惕“莫得感情”的出圖機(jī)器!具備競爭力的設(shè)計師必須有自主意識,包括清晰的思維邏輯、果敢的決策力。而體現(xiàn)這一意識和能力的重要環(huán)節(jié)之一,就是產(chǎn)品生產(chǎn)鏈路中的首個環(huán)節(jié)“需求分析”。
 
需求分析并不僅僅是產(chǎn)品經(jīng)理的事兒。從共同目標(biāo)的角度來看,互聯(lián)網(wǎng)企業(yè)在崗位劃分上區(qū)分了產(chǎn)品經(jīng)理、設(shè)計師、開發(fā)工程師等,是順應(yīng)人的精力時間有限、術(shù)業(yè)有專攻的自然規(guī)律,但是從業(yè)務(wù)目標(biāo)來說,每一個崗位都應(yīng)該對“最佳用戶體驗和最大化商業(yè)利益的平衡”負(fù)責(zé),確保這艘船在正確的航道上。所以,如果每個“船員”都具備主人翁意識和需求分析的能力,航程必然更健康穩(wěn)健。
設(shè)計師如何做產(chǎn)品需求分析:先聊聊兩個“價值”
 
對設(shè)計師來說,需求分析不僅僅是“這個功能要不要做”的問題,也會影響后續(xù)的設(shè)計方案決策。每一次的功能增刪或調(diào)整,都是在改變用戶接收產(chǎn)品界面信息的整體效用,那么每一個產(chǎn)品需求的分析都要評估這個功能在整個信息架構(gòu)、用戶體驗鏈路的位置孰輕孰重,也就必然會影響你的設(shè)計方案決策。
 
產(chǎn)品需求從哪里來?
 
“有用戶反饋說……"
“國慶節(jié)快到了,我們策劃了一個活動……”
“這個付費轉(zhuǎn)化率很低,達(dá)不到預(yù)期。我們想……”
……
產(chǎn)品需求的來源多種多樣,可能來自產(chǎn)品經(jīng)理、用戶反饋、產(chǎn)品數(shù)據(jù)、市場風(fēng)向、技術(shù)革新等等。當(dāng)然,還有來自作為設(shè)計師的”我自己“。當(dāng)我靈光一閃想到一個很炫酷的小創(chuàng)意,情感上免不了自以為是地想”咱們產(chǎn)品這么不做這個“——這個時候我也會用需求分析的框架來質(zhì)問自己:
“值不值得做(價值評估)”、“應(yīng)當(dāng)先做什么(優(yōu)先級)”、“用戶需求要滿足到什么程度(核心體驗鏈路)”這三個問題。
 
做需求分析,要想什么?
我們常說產(chǎn)品需求要“洞察用戶真正的需求”,要明確“用戶價值”。剛?cè)胄械臅r候,我們都會點點頭,心想“對哦”??墒鞘裁词?ldquo;真正的”、什么是“假的”、什么是“價值”?說實話,這些概念都挺虛的。只有當(dāng)理論落到某個用戶場景去分析,我們才能理解其深意。
 
先說點虛的,什么是“價值”?
 
價值是多維度的概念,在不同的學(xué)科中都會在“價值”前加一個表范圍的定語,比如“勞動價值”、“經(jīng)濟(jì)價值”、”社會價值”。隨著互聯(lián)網(wǎng)的發(fā)展,我們出現(xiàn)了兩個重要的新詞“用戶價值”和“產(chǎn)品價值”。
 
對于用戶而言,他們購買或使用產(chǎn)品或服務(wù)是為了滿足特定的需求,比如提升效率、獲得愉悅、獲取經(jīng)濟(jì)收益等。那么我們說這個產(chǎn)品具有“用戶價值”。
 
所以需求分析首先是“評估價值”,而價值評估則拆分為“用戶價值”和“商業(yè)價值”兩部分。即使當(dāng)下的需求目標(biāo)是提升用戶規(guī)模(拉新、促活、挽留等),并不需要用戶掏錢,也是為了實現(xiàn)長遠(yuǎn)的商業(yè)價值。當(dāng)然,這僅適用于以盈利為目標(biāo)的企業(yè),非盈利組織還有“社會影響力”的目標(biāo),不在本文討論范圍內(nèi)。
 
下面我們進(jìn)一步拆解價值評估:“用戶價值評估”和“商業(yè)價值評估”。
設(shè)計師如何做產(chǎn)品需求分析:先聊聊兩個“價值”
 
 
1、用戶價值評估
解決哪些用戶在什么場景下的什么問題?
 
這個問題越具體到“人”,就越容易分析。如果需求來自于用戶反饋,我們溯源到具體的用戶。
 
有一個朋友出去創(chuàng)業(yè),想做一個“找飯搭子”的同城陌生人交友軟件。他說,偶爾看到微信朋友圈有人召喚“有沒有人一起探店”的動態(tài),去網(wǎng)絡(luò)社區(qū)搜索“飯搭子”、“同城探店”等詞匯也能看到不少帖子。而且探店吃飯這件事直接關(guān)聯(lián)消費,商業(yè)模式很清晰。他想通過他的產(chǎn)品解決“用戶|在探店場景中|無法及時找到飯友”的問題。——“找飯友”是一個行為動作,沒有切入到用戶的內(nèi)在需求。
 
定義用戶價值不能只停留在“行為上”,可以嘗試找到目標(biāo)用戶做定性訪談,進(jìn)一步深挖問題。比如,我們想進(jìn)一步把問題下鉆,可能會問到這些問題:
 
● 用戶為什么要找飯友?不能一個人探店?
● 用戶為什么找不到“飯友”?
● ……
 
我們進(jìn)一步細(xì)化“用戶-場景-問題”的價值定義:
解決 一線城市年輕用戶(尤其是剛遷移新城市的年輕人)|通過約伴探店|解決 同好交友(社群需求)、 “量大”餐館均攤成本(省錢需求)、獲得更愉悅的吃飯氛圍 (情緒需求)的問題。
設(shè)計師如何做產(chǎn)品需求分析:先聊聊兩個“價值”
 
 
那有了這個用戶價值定義是不是就可以順利立項呢?——看這個文章的篇幅,你只讀了不到一半,當(dāng)然還有更多需要推敲的問題,請繼續(xù)閱讀。
 
這個需求接觸不到真實用戶怎么辦?
 
有時候我們的需求來源可能是市場風(fēng)向、技術(shù)革新帶來的未知變化。我們無法直觀地獲知“具體的用戶是誰”、“TA在什么場景遇到什么問題”。
——這種情況,我們則需要反向思考:這個需求如果做了,獲益的用戶是誰?滿足了他們在什么場景下的需求?如果不做,用戶會不會因此棄用我們的產(chǎn)品?可能流失的用戶,大盤占比可能是多少?是不是高價值用戶?
設(shè)計師如何做產(chǎn)品需求分析:先聊聊兩個“價值”
 
 
用上面的思路去層層推敲,可能會否定原來的產(chǎn)品策劃,可能會挖掘出新的需求,可能會改變需求的優(yōu)先級。
 
值得一提的是,有時候經(jīng)過層層推敲,最終得到的決策可能會與市面上的競品有所雷同。也就是我們經(jīng)常會問的一個問題:為什么A產(chǎn)品已經(jīng)做了這件事,B產(chǎn)品還要做同樣的事情?
 
有的功能或服務(wù)是順應(yīng)用戶需求而產(chǎn)生的,如果有所缺失,就無法達(dá)成用戶目標(biāo)。比如短視頻產(chǎn)品都會做點贊和評論,因為視頻創(chuàng)作者和消費者分別有“獲得認(rèn)可”的被尊重訴求、”表達(dá)意見“的掌控欲等心理需要。而產(chǎn)品則需要這些點贊和評論數(shù)據(jù)去評判內(nèi)容熱度和豐富個性化標(biāo)簽,以優(yōu)化內(nèi)容的推送機(jī)制。很多同一賽道的產(chǎn)品會有雷同的功能,雖然常常被調(diào)侃為”相互抄“,但是真正做需求分析才能看清“什么是無腦抄”、“什么是必然如此”。
 
2、商業(yè)價值評估
用戶會為你這個新產(chǎn)品/新功能買單嗎?
 
我們找到一個有用的需求點是簡單的,因為需求的來源真的太多太多,但是當(dāng)我們發(fā)現(xiàn),用戶不一定會為我們的新產(chǎn)品或新功能買單。
請注意,這里的“買單”不限于用戶掏錢,還包括用戶決定使用哪個產(chǎn)品的決策成本、用戶愿意花費在某個產(chǎn)品的時間和學(xué)習(xí)成本等。
 
那我們怎么預(yù)判用戶會不會買單呢?或者,如何提升用戶的買單意愿呢?
 
如前面所言,“用戶價值”就是通過你的產(chǎn)品獲得了預(yù)期的效用。效用可以是省了時間、省了錢、省了學(xué)習(xí)成本、獲得情緒價值、獲得安全感等。而用戶對效用的感知,往往是對比過去經(jīng)驗的解決方案得到的。所以,我們首先要看用戶之前是怎么解決這個問題的,然后是用戶遷移到新的解決方案(使用新產(chǎn)品或新功能)要付出多少成本。
 
繼續(xù)用上面“飯搭子”的案例:
設(shè)計師如何做產(chǎn)品需求分析:先聊聊兩個“價值”
 
 
——我們從這個案例可以看到,當(dāng)我們做成本對比,不能簡單地說新舊方案哪個成本更高。用戶付出的“成本”是多維度,包括“時間成本”、“經(jīng)濟(jì)成本”、“安全風(fēng)險”等維度。
“飯搭子”這個新方案,對比舊方案,并沒有沒有壓倒性的成本優(yōu)勢。我們雖然可以通過產(chǎn)品設(shè)計和運營降低當(dāng)中的用戶成本,比如通過用戶歷史參與數(shù)據(jù)(參與飯局次數(shù)、飯友評價、真實職業(yè)信息等)提供用戶靠譜度評分,以降低安全成本。但消除用戶成本,需要花費較大的資源投入,我們可以預(yù)判這不是一個高ROI的產(chǎn)品項目。
有趣的是,人不是完全理性的。有的場景,只要其中一項成本感知強(qiáng)烈,人就可能選擇棄用這個產(chǎn)品。比如“飯搭子”這個案例中,女性用戶對安全風(fēng)險更為敏感,女性用戶更不愿意嘗試陌生社區(qū)。
設(shè)計師如何做產(chǎn)品需求分析:先聊聊兩個“價值”
 
 
如果我做的是一個非常創(chuàng)新的項目,真的沒辦法找到“舊方案”做對比呢?或者我無法獲知舊方案的用戶成本呢?——我們依然建議盡可能地接近用戶、收集足夠多的信息,以輔助判斷。如果依然非常不明朗,可以通過MVP的方案去預(yù)估。關(guān)于MVP實踐的書籍和網(wǎng)絡(luò)資料很多,大家可以自行搜索。
 
多少用戶會買單呢?
? 確認(rèn)了這個需求有用戶價值
? 確認(rèn)了有XX需求的用戶很可能會買單
——接下來可以開干了嗎?
 
不夠,還需要預(yù)判收入規(guī)模。因為:收入=客單價x支付用戶數(shù)=客單價x訪問用戶數(shù)x支付轉(zhuǎn)化率。
這個等式適用于一般的to C產(chǎn)品,不同的產(chǎn)品可能有差異,比如視頻用戶的使用時長可能與產(chǎn)品收入掛鉤,那么用戶時長也需要作為一個變量放入到你的產(chǎn)品收入公式中。
當(dāng)我們要開發(fā)一個新的付費互動功能,我們需要做數(shù)據(jù)預(yù)估:這個互動功能放在這個位置,每天的曝光可能是多少?按照此頁面同樣位置的點擊轉(zhuǎn)化和其他功能的付費轉(zhuǎn)化,能否預(yù)估這個新功能的收入?這個收入規(guī)模值得投入X天的開發(fā)人力嗎?
如果這個需求的直接目標(biāo)不是收入,而是獲取更大用戶規(guī)模。我們也同樣用“等式”這個思考方式來去做數(shù)據(jù)估算,只是把“收入”理解為用戶量或其他目標(biāo)數(shù)值、而非金錢收入。
當(dāng)然,通過歷史數(shù)據(jù)估算收入是比較理想的情況。如果身處一個數(shù)據(jù)體系建設(shè)落后的企業(yè)中,我無法獲取足夠的數(shù)據(jù)支持,怎么辦呢?或者,這是一個絕對的革新體驗(比如AI輔助內(nèi)容創(chuàng)作),我無法用過往的數(shù)據(jù)或經(jīng)驗評估收入規(guī)模,怎么辦呢?
那么,至少解答“解決哪些用戶在什么場景下的什么問題”,來看看這個需求的用戶場景覆蓋是否足夠廣;再權(quán)衡為了獲得這個新產(chǎn)品/新功能帶來的新體驗,用戶要投入哪些成本,以此做需求的排除法——跟創(chuàng)業(yè)一樣,做產(chǎn)品本身就存在了諸多不確定性,并非所有的決策都能通過公式去論證。
我們只能在有限條件下盡量選擇做正確的事,排除那些大概率不能成功的事。然后嘗試MVP,或直接交給市場和時間驗證。
此外,如果設(shè)計師想作為初創(chuàng)成員加入新產(chǎn)品,還要跑通可持續(xù)的盈利模式。這里又是一大塊學(xué)問,比如了解這個企業(yè)做這件事的資源優(yōu)勢等等,本文作者的知識域和本文篇幅都有限,建議感興趣的朋友翻看商業(yè)分析相關(guān)書籍。但是新舊方案的用戶成本對比、收入公式的拆解,依然是重要且可行的商業(yè)價值視角。
 
3、優(yōu)先級
“優(yōu)先級”可以分為兩層理解,一層是產(chǎn)品需求之間的優(yōu)先級排序,另一層則是功能范圍層的優(yōu)先級,也就是我們聊需求經(jīng)常會問的問題:我們明確了這個產(chǎn)品需求當(dāng)下就要啟動,但是當(dāng)前要做到什么程度呢?
前者,對比不同需求的產(chǎn)品價值大小,再結(jié)合開發(fā)實現(xiàn)成本和耗時、是否需要追趕某個時間節(jié)點等,產(chǎn)品需求之間優(yōu)先級不難得出。而設(shè)計師更多要思考的是后者。
舉個例子:開學(xué)季馬上要到了,產(chǎn)品經(jīng)理了解到學(xué)校有類似“語文朗誦作業(yè)打卡”的作業(yè)打卡訴求。我們希望搶時間窗去滿足這個大規(guī)模的家校場景,即“如何最快地滿足每日/周重復(fù)的信息收集需求”?作業(yè)打卡場景可否延伸到其他打卡場景,不同的打卡有何共性或差異?
其中“最快”暗含的意思是“這個功能至少要做到什么程度才能滿足最核心的用戶需求”。這個時候,我們拉了一個表格,快速梳理不同用戶角色(比如區(qū)分“打卡創(chuàng)建者”和“參與打卡者”)的體驗鏈路,再決策各個體驗環(huán)節(jié)的功能復(fù)雜度要到哪里。
從全盤中抽取出體驗閉環(huán)的最小集
從全盤中抽取出體驗閉環(huán)的最小集
 
不要忽視商業(yè)競爭中的時間差,因為搶先占領(lǐng)市場的產(chǎn)品實際上是提升用戶遷移到競爭對手的成本。過去我們提倡匠人精神,不放過每一個細(xì)節(jié)。而當(dāng)前激烈的市場競爭環(huán)境下,“有的放矢”比“摳細(xì)節(jié)”更加重要。
 
小結(jié)
我們歸納一下需求分析的思路,多問問這些問題:
設(shè)計師如何做產(chǎn)品需求分析:先聊聊兩個“價值”
 
 
需求分析是比較考驗全局觀、邏輯性、數(shù)理分析和共情能力的。工作中可以通過拉表格、思維導(dǎo)圖、白板等工具梳理思路。如果你喜歡寫文字,那就用寫的方式??傊?,切忌接到產(chǎn)品需求就動手出界面方案。
最后,小作者想留一個開放性問題:“AI能替代人類做產(chǎn)品需求分析嗎?”期待大家的評論區(qū)留言~
 

作者:騰訊ISUX
鏈接:https://www.zcool.com.cn/article/ZMTYxODM0NA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

產(chǎn)品設(shè)計如何利用心理學(xué)

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

產(chǎn)品設(shè)計的成功除了依賴設(shè)計方案和技術(shù)實現(xiàn),還與用戶的心理密切相關(guān)。用戶心里決定了我們用怎樣的設(shè)計策略解決問題。我們常認(rèn)為人們做決策時是理性的,但其實用戶行為經(jīng)常是非理性,會受到情緒、習(xí)慣和社交環(huán)境的影響。了解這些心理學(xué)規(guī)律能幫助我們更好地的預(yù)測和引導(dǎo)用戶行為,優(yōu)化產(chǎn)品體驗,提高用戶的粘性、留存率和轉(zhuǎn)化率,從而產(chǎn)品商業(yè)價值最大化。
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)
 
 
產(chǎn)品設(shè)計如何利用心理學(xué)


作者:DesignLink
鏈接:https://www.zcool.com.cn/article/ZMTY1MDk0MA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

日歷

鏈接

個人資料

存檔