国产精品爱久久久久久久小说,女人扒开腿让男人桶到爽 ,亚洲欧美国产双大乳头,国产成人精品综合久久久久,国产精品制服丝袜无码,免费无码精品黄av电影,黑色丝袜无码中中文字幕,乱熟女高潮一区二区在线

            首頁

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

            杰睿

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


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

            設(shè)計(jì)的意義

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

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

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

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

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

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

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

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

            保羅·蘭德說:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

             

            我喜歡它;

            我不喜歡它;

            它太簡(jiǎn)單了;

            它太復(fù)雜了;

            它讓我想起某某...

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

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

            有人既看不到logo的意義,也看不到它的功能。也正因?yàn)檫^于用喜好而不是專業(yè)去評(píng)判,才讓糟糕的設(shè)計(jì)一直留存于我們的世界。而大眾對(duì)糟糕的設(shè)計(jì)要比對(duì)好設(shè)計(jì)更加熟悉,于是大家習(xí)慣于選擇不好的設(shè)計(jì),因?yàn)楹退麄兂ο嗵帯?/p>

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

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

            何為知覺?

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

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

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

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


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

             

             

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

             

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

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

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



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

             

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

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

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


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

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

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

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


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

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

            杰睿

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

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

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

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

            杰睿

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

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

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

            鶴鶴

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


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

            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)

            鶴鶴

            引言:貨幣符號(hào)在數(shù)字時(shí)代的設(shè)計(jì)挑戰(zhàn)
            貨幣符號(hào)是金融界面設(shè)計(jì)中的核心元素之一,它不僅傳遞著貨幣信息,還承擔(dān)著用戶交互的關(guān)鍵角色。從電子支付到電商平臺(tái),從投資界面到全球化交易,不同的行業(yè)和應(yīng)用場(chǎng)景對(duì)貨幣符號(hào)的設(shè)計(jì)有著各自的需求和挑戰(zhàn)。本文將從設(shè)計(jì)的角度出發(fā),探討貨幣符號(hào)在不同行業(yè)中的應(yīng)用,分析其在功能性、可讀性與美觀性上的平衡,幫助設(shè)計(jì)師更好地應(yīng)對(duì)多樣化的設(shè)計(jì)需求。
             
            一、
            貨幣符號(hào):標(biāo)準(zhǔn)化與多樣性的平衡
            1、平衡標(biāo)準(zhǔn)化與多樣性
            國際標(biāo)準(zhǔn)化組織(ISO)為各國貨幣制定了統(tǒng)一的三位字母代碼和數(shù)字代碼,同時(shí)也規(guī)定了一些常見貨幣的符號(hào)表示方法。例如:人民幣的符號(hào)為“¥”,美元的符號(hào)為“$”,歐元的符號(hào)為“€”。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            雖然標(biāo)準(zhǔn)化是貨幣符號(hào)設(shè)計(jì)的基礎(chǔ),但多樣性也是不可忽視的因素。不同國家和地區(qū)的文化、語言和歷史背景影響著貨幣符號(hào)的設(shè)計(jì)風(fēng)格和使用場(chǎng)景。例如,阿拉伯國家在貨幣符號(hào)上通常會(huì)使用不同的書寫方向,而拉丁美洲的一些國家則可能采用略有不同的符號(hào)變體。
            在貨幣符號(hào)設(shè)計(jì)中,平衡標(biāo)準(zhǔn)化與多樣性需要考慮功能性和用戶體驗(yàn)的結(jié)合。一方面,標(biāo)準(zhǔn)化確保了全球用戶的識(shí)別度和信任感;另一方面,多樣性則為不同文化背景下的用戶提供了更加個(gè)性化和貼近的體驗(yàn)。設(shè)計(jì)師在開發(fā)全球產(chǎn)品時(shí),可以通過使用靈活的設(shè)計(jì)系統(tǒng),將標(biāo)準(zhǔn)化的貨幣符號(hào)與本地化元素相結(jié)合。
            2、主要貨幣符號(hào)一覽
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            二、用戶體驗(yàn)中的貨幣符號(hào):認(rèn)知、引導(dǎo)與品牌塑造
            貨幣符號(hào),在用戶體驗(yàn)設(shè)計(jì)中,不僅用于標(biāo)記金額,還在認(rèn)知、引導(dǎo)和品牌塑造中扮演重要角色。合理的符號(hào)設(shè)計(jì)可以提升用戶的識(shí)別速度,同時(shí)增強(qiáng)品牌的辨識(shí)度。
            1、降低認(rèn)知負(fù)荷,貼近用戶習(xí)慣
            常見的貨幣符號(hào)如 "¥"、"$"、"€" 等,因其頻繁使用而被用戶廣泛認(rèn)知,認(rèn)知負(fù)荷較低,能快速被識(shí)別和處理。相比之下,較少見的符號(hào)如 "?"(尼日利亞奈拉)或 "?"(哈薩克斯坦堅(jiān)戈)則可能增加用戶的認(rèn)知負(fù)擔(dān)。設(shè)計(jì)師應(yīng)優(yōu)先選擇用戶熟悉的符號(hào),并在界面設(shè)計(jì)中確保這些符號(hào)的清晰可見,避免用戶因不熟悉而感到困惑。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            2、視覺引導(dǎo)與用戶行為驅(qū)動(dòng)
            貨幣符號(hào)的視覺呈現(xiàn)會(huì)直接影響用戶的注意力和交互行為。設(shè)計(jì)師通過調(diào)整符號(hào)的大小、顏色和位置,可以引導(dǎo)用戶聚焦關(guān)鍵信息,避免錯(cuò)誤操作。在支付或結(jié)賬頁面,突出顯示貨幣符號(hào)不僅能區(qū)分不同幣種,還能幫助用戶快速確認(rèn)金額,提升交互的安全感和效率。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            3、品牌塑造中的符號(hào)一致性
            貨幣符號(hào)在品牌塑造中也有著潛在的影響力。通過統(tǒng)一的字體選擇、配色方案和視覺風(fēng)格,設(shè)計(jì)師可以將貨幣符號(hào)與品牌整體形象融為一體,增強(qiáng)品牌的一致性和專業(yè)性。特別是在全球化背景下,不同貨幣符號(hào)的統(tǒng)一設(shè)計(jì)能夠提高品牌的全球辨識(shí)度,強(qiáng)化用戶對(duì)品牌的信任與依賴。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            三、貨幣符號(hào)的視覺設(shè)計(jì)要素:從位置到配色
            貨幣符號(hào)作為金融界面中的核心元素,其視覺設(shè)計(jì)不僅關(guān)系到符號(hào)的選擇,還涉及布局、字體、大小、顏色等多個(gè)方面。通過優(yōu)化這些視覺要素,設(shè)計(jì)師可以提高貨幣符號(hào)的易讀性與信息傳達(dá)的效率。以下是幾個(gè)關(guān)鍵的設(shè)計(jì)要素:
            1、
            位置與間距:緊密關(guān)聯(lián),確保閱讀流暢
            符號(hào)前置:
            在大多數(shù)文化和書寫規(guī)范中,貨幣符號(hào)通常放置在金額數(shù)字的前方,如"¥100"、"$50"。這種布局方式符合用戶的認(rèn)知習(xí)慣,使得貨幣種類一目了然。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            間距適中:
            貨幣符號(hào)與數(shù)字之間需要保持合適的間距,避免過于緊湊或分散。最佳間距通常在幾個(gè)像素之間,并在響應(yīng)式設(shè)計(jì)中根據(jù)屏幕大小進(jìn)行調(diào)整,確保不同設(shè)備上的閱讀體驗(yàn)流暢。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            2、
            字體選擇:兼顧一致性與可讀性
            無襯線字體:
            無襯線字體具有簡(jiǎn)潔、現(xiàn)代的特質(zhì),且可讀性強(qiáng),適用于屏幕和印刷。將貨幣符號(hào)與無襯線字體搭配能保持信息清晰度,尤其適合需要快速讀取價(jià)格的金融界面。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            等寬字體:
            在需要對(duì)齊的文本中,等寬字體能確保貨幣符號(hào)和數(shù)字排列整齊,提升信息的可讀性和對(duì)比性,使用戶更容易比較數(shù)據(jù)。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            3、大小與比例:突出層次感
            貨幣符號(hào)通常設(shè)計(jì)得略小于數(shù)字部分,以確保視覺上的平衡感。如果符號(hào)過大,可能喧賓奪主,削弱數(shù)字的關(guān)注度;過小則容易被忽略。根據(jù)不同應(yīng)用場(chǎng)景,設(shè)計(jì)師可靈活調(diào)整貨幣符號(hào)和數(shù)字的大小比例,特別是在促銷或價(jià)格展示中,符號(hào)和數(shù)字可以接近,以突出價(jià)格信息。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            4、
            顏色搭配:強(qiáng)調(diào)對(duì)比與和諧
            突出重點(diǎn)
            :設(shè)計(jì)師可以通過顏色來強(qiáng)調(diào)貨幣符號(hào),尤其是在電商或支付界面中,使用如紅色等醒目的顏色吸引用戶注意。然而,應(yīng)避免過多的顏色切換,以防止混亂或干擾用戶體驗(yàn)。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            保持協(xié)調(diào)
            :貨幣符號(hào)的顏色應(yīng)與界面整體配色保持一致,避免沖突。一般建議采用與文本顏色相近或具有適度對(duì)比的顏色,以保持界面和諧,避免過度突兀。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            5、
            元素搭配:增強(qiáng)視覺引導(dǎo)
            與按鈕搭配
            :在支付或結(jié)算等功能按鈕上增加貨幣符號(hào),能夠強(qiáng)化操作的貨幣屬性。例如,在"支付"按鈕上加入貨幣符號(hào),能夠清晰傳達(dá)該操作與付款相關(guān)。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            與其他元素搭配:
            貨幣符號(hào)也可以與錢包等金融圖標(biāo)結(jié)合使用,增強(qiáng)表意性。設(shè)計(jì)時(shí)應(yīng)注意符號(hào)與圖標(biāo)風(fēng)格的統(tǒng)一性,以保持整體設(shè)計(jì)的視覺一致性。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            6、對(duì)齊方式:確保界面整齊有序
            貨幣符號(hào)與數(shù)字的對(duì)齊方式也是影響視覺效果的關(guān)鍵因素。左對(duì)齊、右對(duì)齊或居中對(duì)齊各有優(yōu)劣,具體選擇應(yīng)根據(jù)界面的整體布局而定。一般來說,左對(duì)齊適用于文本較多的界面,右對(duì)齊則更適合數(shù)字和金額為主的界面,有助于保持?jǐn)?shù)值列的整齊性,從而提升界面信息的易讀性。
            右對(duì)齊
            :在涉及金額顯示的界面中,貨幣符號(hào)通常與數(shù)字右對(duì)齊,這種方式可以確保金額列表整齊排列,提升界面的易讀性。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            元素對(duì)齊
            :貨幣符號(hào)應(yīng)與其他界面元素,如標(biāo)簽、按鈕等保持一致的對(duì)齊方式。例如,在價(jià)格標(biāo)簽旁邊的按鈕上,符號(hào)的位置應(yīng)與按鈕對(duì)齊,避免視覺上的不協(xié)調(diào)。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            通過合理地設(shè)計(jì)貨幣符號(hào)的布局、字體、顏色和對(duì)齊方式,設(shè)計(jì)師可以有效提升界面中的視覺層次感和信息傳達(dá)效率。在實(shí)際應(yīng)用中,這些視覺要素必須根據(jù)用戶需求和場(chǎng)景變化做出精細(xì)調(diào)整,從而優(yōu)化用戶體驗(yàn)。
             
            四、行業(yè)視角下的貨幣符號(hào)設(shè)計(jì):多場(chǎng)景應(yīng)用
            在金融和電商等不同行業(yè)中,貨幣符號(hào)的設(shè)計(jì)不僅需要滿足基礎(chǔ)的可讀性和美觀性,還需要根據(jù)不同的場(chǎng)景進(jìn)行靈活調(diào)整。
            1、電子支付與移動(dòng)支付場(chǎng)景
            在移動(dòng)支付的界面中,貨幣符號(hào)的設(shè)計(jì)必須簡(jiǎn)單明確,能夠讓用戶在瞬間識(shí)別金額,確保交易順暢。由于移動(dòng)設(shè)備屏幕有限,設(shè)計(jì)上應(yīng)注重符號(hào)的簡(jiǎn)潔性與高對(duì)比度,確保在小尺寸屏幕上仍然具備良好的可見性和清晰度。例如,在支付寶或微信支付中,貨幣符號(hào)通常與金額保持較為緊密的視覺聯(lián)系,以確保用戶不會(huì)混淆支付金額。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            2、投資與股票交易界面
            投資和股票交易平臺(tái)往往展示大量的數(shù)字?jǐn)?shù)據(jù),界面密度高。為了確保用戶能夠快速處理信息,貨幣符號(hào)必須足夠醒目但不喧賓奪主。在這種場(chǎng)景下,字體選擇尤為關(guān)鍵,符號(hào)應(yīng)與數(shù)字保持一致的風(fēng)格和比例,避免視覺干擾。同時(shí),色彩的應(yīng)用也需要足夠謹(jǐn)慎,以紅綠等傳統(tǒng)的漲跌配色為主,貨幣符號(hào)應(yīng)保持中性色調(diào),確保與其他視覺元素相協(xié)調(diào)。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            3、電商與零售平臺(tái)
            在電商平臺(tái)上,定價(jià)信息是用戶決策的重要因素,貨幣符號(hào)的設(shè)計(jì)需要既突出價(jià)格信息,又不顯得過于突兀。設(shè)計(jì)師可以根據(jù)不同的定價(jià)策略,調(diào)整符號(hào)的位置、大小和顏色。比如,在促銷場(chǎng)景下,貨幣符號(hào)與金額常常會(huì)被設(shè)計(jì)得更大、更顯眼,以吸引用戶注意力;而在常規(guī)商品頁面,符號(hào)則更為簡(jiǎn)約,以便用戶迅速瀏覽多款商品。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            五、未來展望:數(shù)字貨幣時(shí)代的符號(hào)設(shè)計(jì)趨勢(shì)
            隨著數(shù)字貨幣的興起,貨幣符號(hào)設(shè)計(jì)正面臨新的挑戰(zhàn)與機(jī)遇。在未來,貨幣符號(hào)的設(shè)計(jì)不再局限于傳統(tǒng)的紙幣和硬幣表達(dá)方式,而是逐步進(jìn)入更為抽象的數(shù)字化范疇。
            1、多貨幣共存:增強(qiáng)識(shí)別性
            未來的金融體系將可能出現(xiàn)多種不同形式的貨幣同時(shí)存在,如法定數(shù)字貨幣、加密貨幣等。在這種環(huán)境下,貨幣符號(hào)需要具有更強(qiáng)的辨識(shí)性,以幫助用戶快速區(qū)分不同類型的貨幣。例如,比特幣(?)、以太坊(Ξ)等加密貨幣的符號(hào)設(shè)計(jì),已經(jīng)有別于傳統(tǒng)貨幣符號(hào)。未來,設(shè)計(jì)師可能需要?jiǎng)?chuàng)造更多具有獨(dú)特視覺特征的符號(hào),以適應(yīng)多元貨幣并存的需求,同時(shí)保證用戶能在復(fù)雜的金融界面中迅速識(shí)別出各類貨幣。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            2、動(dòng)態(tài)設(shè)計(jì):適應(yīng)不同設(shè)備與場(chǎng)景
            隨著金融交易場(chǎng)景的日益多樣化,貨幣符號(hào)的設(shè)計(jì)可能不再是靜態(tài)的。未來,數(shù)字貨幣符號(hào)或許會(huì)以動(dòng)態(tài)、互動(dòng)的形式呈現(xiàn),以適應(yīng)不同設(shè)備屏幕和使用場(chǎng)景。例如,在智能手表、增強(qiáng)現(xiàn)實(shí)設(shè)備或虛擬現(xiàn)實(shí)場(chǎng)景中,貨幣符號(hào)可能根據(jù)界面需求進(jìn)行實(shí)時(shí)調(diào)整。這種動(dòng)態(tài)設(shè)計(jì)可以確保符號(hào)在不同大小、不同分辨率的屏幕上保持一致的辨識(shí)度和清晰度。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            3、統(tǒng)一標(biāo)準(zhǔn)與全球化適應(yīng)
            數(shù)字貨幣的全球化使用趨勢(shì)意味著符號(hào)設(shè)計(jì)必須具有全球通用性和跨文化適應(yīng)能力。隨著跨國交易的頻繁,設(shè)計(jì)師需要考慮不同地區(qū)用戶的文化背景和語言習(xí)慣,確保貨幣符號(hào)在全球范圍內(nèi)都能被廣泛接受和理解。這可能需要一個(gè)統(tǒng)一的標(biāo)準(zhǔn),類似于現(xiàn)有的ISO貨幣代碼標(biāo)準(zhǔn)(如USD、EUR),為數(shù)字貨幣符號(hào)設(shè)計(jì)提供指導(dǎo)。未來,全球化標(biāo)準(zhǔn)可能不僅限于編碼,還會(huì)擴(kuò)展到視覺符號(hào)設(shè)計(jì)領(lǐng)域。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            4、安全性與可信度的視覺傳達(dá)
            數(shù)字貨幣與傳統(tǒng)貨幣最大的不同在于其依賴于虛擬網(wǎng)絡(luò)進(jìn)行交易,這使得安全性成為用戶最關(guān)心的問題之一。未來的貨幣符號(hào)設(shè)計(jì)將不僅僅是傳達(dá)貨幣的價(jià)值,還需要在視覺上表達(dá)出交易的安全性與可信度。通過更直觀的視覺設(shè)計(jì),用戶可以一眼判斷出該交易是否安全可信。例如,未來的貨幣符號(hào)可能會(huì)融入更多與安全、認(rèn)證相關(guān)的視覺提示或反饋機(jī)制,幫助用戶在數(shù)字化環(huán)境中建立信任。
            貨幣符號(hào)視覺設(shè)計(jì):體驗(yàn)、要素與趨勢(shì)
             
             
            結(jié)語
            隨著數(shù)字化的迅速發(fā)展,貨幣符號(hào)設(shè)計(jì)面臨新的挑戰(zhàn)與機(jī)遇,不僅要在標(biāo)準(zhǔn)化和多樣化之間找到平衡,還要通過合理的視覺設(shè)計(jì),提升符號(hào)在不同場(chǎng)景中的適應(yīng)性和可識(shí)別性。無論是在電子支付、投資交易,還是電商平臺(tái)上,精致的貨幣符號(hào)設(shè)計(jì)不僅能優(yōu)化用戶體驗(yàn),還能強(qiáng)化品牌形象,提升用戶信任。
            展望未來,隨著數(shù)字貨幣的普及和全球化的推進(jìn),貨幣符號(hào)的設(shè)計(jì)將更加注重多樣化與安全性。設(shè)計(jì)需要不斷適應(yīng)變化的技術(shù)和用戶需求,推動(dòng)貨幣符號(hào)在不同設(shè)備和文化背景下的統(tǒng)一性與普遍適用性。


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

            十個(gè)設(shè)計(jì)思考選擇

            鶴鶴

            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            一、你更傾向于哪個(gè)設(shè)計(jì)布局?
             
            思考方向:1、從業(yè)務(wù)屬性的角度思考布局結(jié)構(gòu);2、從創(chuàng)建內(nèi)容量來思考;3、通過添加交互切換來自定義結(jié)構(gòu)布局等。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            二、你更喜歡哪個(gè)設(shè)計(jì)方案?
             
            思考方向:1、金剛區(qū)功能的重要性和是否存在主次關(guān)系來思考;2、Banner 設(shè)計(jì)的獨(dú)立性和沉浸感方面思考;3、界面設(shè)計(jì)視覺張力層面的思考等。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            三、你會(huì)選擇哪種設(shè)計(jì)效果?
             
            思考方向:1、是否需要添加背景圖或者背景色;2、視覺效果帶來的沉浸感層面思考;3、突出界面上層還是下層內(nèi)容方向來思考;4、卡片式效果的選擇角度等。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            四、你覺得哪種交互體驗(yàn)更好?
             
            思考方向:1、全部篩選條件的權(quán)重和是否存在主推條件;2、用戶對(duì)進(jìn)一步篩選條件的需求度;3、篩選條件的數(shù)量等角度思考。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            五、你覺得哪種布局方案更合理?
             
            思考方向:1、熟人社區(qū)還是陌生人社區(qū)方面思考;2、突出內(nèi)容還是突出發(fā)布者;3、圖片的重要性和圖片數(shù)量等方面思考。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            六、你覺得哪種視覺感官度更好?
             
            思考方向:1、品牌色的突出程度;2、信息之間的對(duì)比度強(qiáng)度大小來思考;3、整體界面的視覺焦點(diǎn)突出位置等思考。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            七、你更傾向于哪種展示模式?
             
            思考方向:1、產(chǎn)品和內(nèi)容屬性等方面思考;2、內(nèi)容的動(dòng)靜屬性層面思考;3、信息分發(fā)突出篩選邏輯還是推薦邏輯等。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            八、瀏覽文章時(shí)需要顯示標(biāo)題嗎?
             
            思考方向:1、結(jié)合大部分標(biāo)題的字?jǐn)?shù)分析;2、標(biāo)題對(duì)文章內(nèi)容的干擾度層面思考;3、標(biāo)題和文章內(nèi)容的關(guān)聯(lián)程度等。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            九、哪種設(shè)計(jì)布局體驗(yàn)度更好?
             
            思考方向:1、強(qiáng)化品牌的程度和品牌量等角度綜合分析;2、推薦信息的密度與上下結(jié)構(gòu)的差異性等方面思考;3、視覺張力與強(qiáng)化欄目的焦點(diǎn)選擇角度等思考:4、布局結(jié)構(gòu)是否過度自然等。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            十、這兩個(gè)設(shè)計(jì)方案你會(huì)怎么選?
             
            思考方向:1、圖片的孤立性和沉浸感等角度分析;2、空間感和信息層級(jí)感等角度思考;3、界面設(shè)計(jì)感官的整體性思考;4、局部功能的關(guān)聯(lián)性等分析。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             
             
             
             
            小結(jié)
             
            通過這些案例設(shè)計(jì)的對(duì)比,可以訓(xùn)練我們多方面的思考和分析能力,從不同角度思考設(shè)計(jì)方案的合理性。希望本欄目可以帶給大家更多思考,案例與觀點(diǎn)屬于個(gè)人理解,不足之處歡迎大家留言指正。
            這些設(shè)計(jì)選擇題你會(huì)怎么做?
             

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

            信息架構(gòu)優(yōu)化 | 如何設(shè)計(jì)產(chǎn)品中的列表項(xiàng)?

            濤濤

            本次關(guān)于“列表項(xiàng)”的規(guī)范化設(shè)計(jì)是在整個(gè)產(chǎn)品 信息架構(gòu)優(yōu)化 (Information Architecture Optimization) 背景下進(jìn)行的。把列表項(xiàng)做得更具通用性,從開發(fā)的角度,能更好地完成項(xiàng)目落地,以及降低后期維護(hù)的成本。從用戶的角度,產(chǎn)品交互的一致性能讓用戶快速熟悉產(chǎn)品,從而提升產(chǎn)品的 易用性。

            日歷

            鏈接

            個(gè)人資料

            存檔

            主站蜘蛛池模板: 好吊妞精品视频| av网站入口| 日韩av在线播放网址| 老司机性色福利精品视频| 国内外成人免费视频| 成 人影片 免费观看| 男女啪啪网站| 免费成人国产| 日本黄页网站免费观看| 1000部做爰免费视频| 人乳喂奶hd无中字| а√最新版在线天堂| 国产青草视频在线观看| 成 人片 黄 色 大 片| 久久9精品区-无套内射无码| 免费夜色污私人网站在线观看 | 久久草国产| 九九综合九色综合网站| 黄色一级一级| 国产情侣大量精品视频| 欧美三区在线| 成人精品视频一区二区不卡| av大片在线播放| 国产狂喷水潮免费网站www| 国产www免费观看| 成人在线观看黄色| 丰满多毛的大隂户视频| 超碰首页| 亚洲成人精品在线播放| 国偷自产一区二视频观看| 麻豆国产va免费精品高清在线| 亚洲午夜精品a片一区二区app| 无码手机线免费播放三区视频| 色爱综合区| 国产精品区一区二区三| 人妻中文字系列无码专区| 国产成人无码aa精品一区| 不卡在线视频| 欧美高清视频一区| 欧美国产日韩久久mv| 成熟老妇女毛茸茸的做性|