• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      首頁(yè)

      掌握尼爾森十大可用性原則,從小白快速進(jìn)階產(chǎn)品大神!

      鶴鶴

       
      無(wú)論是剛剛?cè)胄械男“祝€是已經(jīng)積累了一定經(jīng)驗(yàn)的產(chǎn)品經(jīng)理,都有一個(gè)共識(shí):用戶體驗(yàn)是產(chǎn)品成功的關(guān)鍵。而說(shuō)到用戶體驗(yàn),就不得不提尼爾森十大可用性原則,這些原則為產(chǎn)品設(shè)計(jì)提供了清晰的方向和實(shí)用的方法,讓產(chǎn)品的用戶滿意度直接拉滿!
      本文將帶你系統(tǒng)了解尼爾森十大可用性原則,并通過(guò)實(shí)際案例幫你真正掌握它。無(wú)論是優(yōu)化現(xiàn)有產(chǎn)品,還是構(gòu)思新的創(chuàng)意,這些原則都能助你少走彎路,快速掌握可用性設(shè)計(jì)的精髓,真正向“產(chǎn)品大神”邁進(jìn)!
       
      1、系統(tǒng)可見(jiàn)性原則
      用戶在與產(chǎn)品交互時(shí),必須隨時(shí)“可見(jiàn)”當(dāng)前的系統(tǒng)狀態(tài),這種狀態(tài)反饋可以通過(guò)視覺(jué)、聲音或其他形式呈現(xiàn),確保用戶對(duì)操作的結(jié)果心中有數(shù)。
      簡(jiǎn)單說(shuō),就是產(chǎn)品得隨時(shí)告訴你 “我在干嘛”。
      比如,你點(diǎn)了個(gè)下載視頻按鈕,要是幾秒鐘內(nèi)卻沒(méi)有任何響應(yīng),你肯定會(huì)著急,覺(jué)得是不是點(diǎn)了沒(méi)反應(yīng)?但如果它顯示下載進(jìn)度條,或者給個(gè)簡(jiǎn)單的“加載中”提示,你心里就踏實(shí)多了。
      再比如,逛淘寶時(shí),點(diǎn)擊“提交訂單”后,頁(yè)面會(huì)立即彈出“訂單提交成功”的確認(rèn)信息,同時(shí)附帶訂單編號(hào)和預(yù)計(jì)送達(dá)時(shí)間。這不僅明確了用戶的操作成功,還通過(guò)下一步指引(如“查看訂單詳情”或“返回首頁(yè)”)引導(dǎo)用戶繼續(xù)操作。
      以上這些設(shè)計(jì)細(xì)節(jié),都屬于系統(tǒng)可見(jiàn)性原則,別小看這點(diǎn),它能大大提升用戶體驗(yàn)!如果產(chǎn)品不及時(shí)把信息呈現(xiàn)給用戶,用戶就像在黑暗中摸索,容易煩躁甚至放棄使用。所以,好的產(chǎn)品都得把這個(gè)原則拿捏到位。
      掌握尼爾森十大可用性原則,從小白快速進(jìn)階產(chǎn)品大神!
       
       
       
      2、貼近場(chǎng)景原則
      該原則強(qiáng)調(diào)設(shè)計(jì)得貼近用戶熟悉的場(chǎng)景,包括使用用戶常用的語(yǔ)言、概念和邏輯,而不是讓人費(fèi)解的專業(yè)術(shù)語(yǔ)、抽象設(shè)計(jì)。這樣,用戶可以自然地理解系統(tǒng)功能,而無(wú)需額外的學(xué)習(xí)成本。
      一個(gè)典型例子是“文件夾”的設(shè)計(jì),大多數(shù)操作系統(tǒng)和產(chǎn)品會(huì)以真實(shí)辦公環(huán)境中的文件夾為原型,用直觀的圖標(biāo)告訴用戶這是做什么的,讓用戶輕松上手使用。如果改用抽象符號(hào)代替文件夾的圖標(biāo),用戶可能需要額外的時(shí)間去學(xué)習(xí)和適應(yīng),甚至?xí)械矫曰蟆?/span>
      此外,現(xiàn)實(shí)世界的流程也可以被巧妙地運(yùn)用到產(chǎn)品設(shè)計(jì)中。拿在線支付舉個(gè)例子,許多平臺(tái)會(huì)模擬現(xiàn)實(shí)中的結(jié)賬體驗(yàn):將商品“添加到購(gòu)物車”,然后進(jìn)入“結(jié)賬”頁(yè)面,再完成付款。這非常符合線下購(gòu)物的習(xí)慣,用戶可以快速上手完成操作。
      總之,產(chǎn)品設(shè)計(jì)要盡可能地降低用戶理解和操作的門檻,這樣不僅能更好地契合用戶的需求,還能讓產(chǎn)品的實(shí)用性和易用性蹭蹭往上漲!
      掌握尼爾森十大可用性原則,從小白快速進(jìn)階產(chǎn)品大神!
       
       
      這里推薦一個(gè)原型模板社區(qū):
      https://www.mockplus.cn/example/rp
      ,不僅涵蓋了各個(gè)領(lǐng)域的精美模板,還有熱門產(chǎn)品的實(shí)際案例。這些模板案例都很好地運(yùn)用了尼爾森的可用性原則,交互完善、體驗(yàn)流暢,非常值得產(chǎn)品經(jīng)理和設(shè)計(jì)師借鑒~
       
      3、
      可控性原則
      用戶必須要隨時(shí)掌控自己的操作,如果不小心點(diǎn)錯(cuò)了,要能輕松撤銷,給人一種“無(wú)論做錯(cuò)了什么,都能改回來(lái)”的安全感。
      比如,你正在編輯一份文檔,不小心刪掉了一段關(guān)鍵內(nèi)容,如果系統(tǒng)沒(méi)有“撤銷”功能,直接就會(huì)崩潰。這也是大多數(shù)編輯工具都會(huì)在顯眼的地方放一個(gè)“撤銷”按鈕,或者提供快捷鍵組合,幫用戶一鍵恢復(fù)誤操作。這就是可控性原則的典型應(yīng)用。
      再比如,購(gòu)物網(wǎng)站的“清空購(gòu)物車”按鈕,往往會(huì)在你點(diǎn)擊后彈出確認(rèn)框:“你確定要清空購(gòu)物車嗎?注意操作不可撤銷!”雖然只是多一步確認(rèn),卻極大地降低了誤刪的風(fēng)險(xiǎn)。
      簡(jiǎn)單說(shuō),這條原則的精髓在于讓用戶始終覺(jué)得是自己說(shuō)了算。無(wú)論是提供撤銷功能、設(shè)置確認(rèn)提示,還是簡(jiǎn)化退出流程等,都能減少用戶的焦慮感,提升產(chǎn)品的使用體驗(yàn)。
       
      4、一致性與
      標(biāo)準(zhǔn)化
      原則
      產(chǎn)品設(shè)計(jì)必須保持所有界面的一致性,讓用戶在使用時(shí)不會(huì)被不同的風(fēng)格、術(shù)語(yǔ)或功能邏輯搞得一頭霧水,最好讓用戶“見(jiàn)過(guò)一次就會(huì)用”,而不是每次都得重新學(xué)習(xí)。
      像現(xiàn)在很多產(chǎn)品通常會(huì)將“返回”按鈕固定在左上角,如果某個(gè)頁(yè)面的“返回”按鈕突然出現(xiàn)在右上角,用戶的第一反應(yīng)可能就是:咦,這個(gè)怎么跟別的頁(yè)面不一樣?這種不一致就會(huì)讓用戶操作不便。
      還有一種常見(jiàn)場(chǎng)景是網(wǎng)站或APP的術(shù)語(yǔ)使用,保持統(tǒng)一的語(yǔ)言和表述,可以顯著降低用戶的理解成本,讓產(chǎn)品更直觀。
      總的來(lái)說(shuō),一致性與標(biāo)準(zhǔn)化原則就像用戶體驗(yàn)中的“基本法”,讓產(chǎn)品變得更簡(jiǎn)單易用。遵循這個(gè)原則,用戶可以“少想一點(diǎn)”,快速上手。而違背它,則容易讓人摸不著頭腦,甚至放棄使用產(chǎn)品。
      掌握尼爾森十大可用性原則,從小白快速進(jìn)階產(chǎn)品大神!
       
       
       
      5、
      防錯(cuò)原則
      好的產(chǎn)品從不讓用戶為“操作失誤”買單,而是用細(xì)致的設(shè)計(jì)提前為用戶保駕護(hù)航。在設(shè)計(jì)中,我們應(yīng)盡可能減少用戶犯錯(cuò)的機(jī)會(huì),或者在錯(cuò)誤發(fā)生前提供明確的警示。
      說(shuō)白了,就是“防患于未然”,讓用戶操作得更順暢、更安心。
      比如,表單設(shè)計(jì)中,很多時(shí)候用戶可能會(huì)漏填信息或者格式不正確。如果沒(méi)有即時(shí)提示,用戶提交后才發(fā)現(xiàn)錯(cuò)誤,不僅浪費(fèi)時(shí)間,還會(huì)覺(jué)得體驗(yàn)很糟。而一個(gè)實(shí)時(shí)的提示功能就能完美解決這個(gè)問(wèn)題,當(dāng)用戶填寫郵箱時(shí),如果格式不對(duì),系統(tǒng)立刻彈出“郵箱格式有誤”,這種設(shè)計(jì)就既貼心,又能幫助用戶快速完成任務(wù)。
      還有一種場(chǎng)景是刪除操作,用戶點(diǎn)擊“刪除”按鈕時(shí),會(huì)彈出一個(gè)確認(rèn)框,“您確定要?jiǎng)h除嗎?此操作無(wú)法撤銷。”雖然只是簡(jiǎn)單的一步確認(rèn),但卻能有效避免用戶因誤操作而造成的損失。這種設(shè)計(jì),不僅讓用戶更有安全感,也提升了產(chǎn)品的可靠性。
      總之,防止錯(cuò)誤原則的關(guān)鍵在于站在用戶角度思考,提前預(yù)見(jiàn)可能出錯(cuò)的地方,并通過(guò)智能設(shè)計(jì)減少或避免錯(cuò)誤的發(fā)生。
       
      6、
      協(xié)助記憶原則
      產(chǎn)品設(shè)計(jì)應(yīng)盡量減少用戶需要記住的信息,而是通過(guò)界面或功能的設(shè)計(jì),讓用戶“看一眼就明白”,更容易找到所需信息。
      就像瀏覽器的歷史記錄功能,用戶想要回到之前訪問(wèn)過(guò)的網(wǎng)頁(yè),如果需要憑記憶輸入網(wǎng)址,那對(duì)大多數(shù)人來(lái)說(shuō)無(wú)疑是個(gè)挑戰(zhàn)。而通過(guò)查看歷史記錄,用戶只需簡(jiǎn)單點(diǎn)擊即可回到目標(biāo)頁(yè)面。
      再比如,電商網(wǎng)站的分類導(dǎo)航,用戶進(jìn)入頁(yè)面后,可以清晰地看到“男裝”“女裝”“數(shù)碼”“家電”等分類標(biāo)簽,無(wú)需花費(fèi)更多時(shí)間查找。
      歸根結(jié)底,協(xié)助記憶原則的目是減輕用戶的心理負(fù)擔(dān),讓他們高效完成交互,同時(shí)還能感覺(jué)“操作很輕松”。
      掌握尼爾森十大可用性原則,從小白快速進(jìn)階產(chǎn)品大神!
       
       
       
      7、
      靈活高效原則
      產(chǎn)品設(shè)計(jì)應(yīng)同時(shí)滿足新手和老用戶的需求,就是讓新手易上手,讓高手更省時(shí),讓不同層次的用戶都能靈活高效地達(dá)成目標(biāo)。
      就像手機(jī)攝影APP的“自動(dòng)模式”和“專業(yè)模式”,對(duì)于普通用戶,直接使用“自動(dòng)模式”拍照就能獲得不錯(cuò)的效果。而對(duì)于攝影愛(ài)好者,產(chǎn)品還提供了“專業(yè)模式”,允許他們調(diào)整快門速度、光圈大小、ISO等參數(shù)。這種靈活性不僅滿足了不同用戶的需求,還提升了產(chǎn)品的適用性和用戶黏性。
      靈活高效原則的核心在于給用戶選擇權(quán),因?yàn)橐粋€(gè)好產(chǎn)品,就是讓每個(gè)人都能找到最適合自己的使用方式。
       
      8、
      審美和簡(jiǎn)約設(shè)計(jì)原則
      設(shè)計(jì)既要美觀,又要簡(jiǎn)潔,避免堆砌不必要的元素。復(fù)雜冗余的設(shè)計(jì)不僅影響視覺(jué)體驗(yàn),還可能讓用戶分心,甚至阻礙他們完成任務(wù)。而簡(jiǎn)約的設(shè)計(jì)則能直擊用戶需求,讓界面既賞心悅目又高效實(shí)用。
      蘋果的設(shè)計(jì)就是這一原則的典范,產(chǎn)品設(shè)計(jì)干凈利落,沒(méi)有多余的裝飾元素。包括蘋果網(wǎng)站上,產(chǎn)品圖片和文字內(nèi)容排列有序,重點(diǎn)信息一目了然。這樣的設(shè)計(jì)不僅讓人覺(jué)得“高級(jí)感滿滿”,還避免了用戶被無(wú)關(guān)內(nèi)容分散注意力,能夠快速找到自己需要的信息。
      要注意,美學(xué)與簡(jiǎn)約原則并不是簡(jiǎn)單地“刪減內(nèi)容”,而是通過(guò)設(shè)計(jì)取舍,讓界面更清晰、更有邏輯。
      掌握尼爾森十大可用性原則,從小白快速進(jìn)階產(chǎn)品大神!
       
       
       
      9、
      容錯(cuò)原則
      容錯(cuò)原則的重點(diǎn)是,當(dāng)用戶犯錯(cuò)時(shí),系統(tǒng)不僅要清楚地告知錯(cuò)誤發(fā)生的原因,還要提供有效的解決方法。
      舉個(gè)例子,當(dāng)用戶在填寫表單時(shí),如果密碼設(shè)置不符合要求(比如少于8位或缺少特殊字符),系統(tǒng)應(yīng)該明確提示“密碼長(zhǎng)度至少8位,需包含一個(gè)特殊字符”。這種直白、清晰的錯(cuò)誤提示能讓用戶快速明白問(wèn)題出在哪里,而不是模棱兩可地彈出“輸入無(wú)效”的錯(cuò)誤信息,讓用戶摸不著頭腦。
      再比如,很多電商網(wǎng)站在用戶提交付款時(shí),如果網(wǎng)絡(luò)問(wèn)題導(dǎo)致支付失敗,系統(tǒng)會(huì)彈出“支付失敗,請(qǐng)檢查網(wǎng)絡(luò)連接”的提示,并提供“重新支付”或“聯(lián)系客服”的按鈕。這種設(shè)計(jì)不僅讓用戶知道錯(cuò)誤原因,還引導(dǎo)他們下一步該怎么做,避免因?yàn)闊o(wú)從下手而流失用戶。
      總之,這條原則強(qiáng)調(diào)的是在用戶犯錯(cuò)時(shí),產(chǎn)品設(shè)計(jì)要有“救場(chǎng)”的能力。清晰的錯(cuò)誤提示和有效的解決方案,既能減少用戶的挫敗感,又能提高整體的產(chǎn)品體驗(yàn)。
       
      10、
      人性化幫助原則
      盡管優(yōu)秀的設(shè)計(jì)應(yīng)該盡量讓用戶無(wú)需查閱說(shuō)明就能使用,但在某些情況下,提供清晰的幫助文檔或指引是必要的。
      所以產(chǎn)品中的“幫助中心”功能必不可少,用戶可以快速定位到自己關(guān)心的內(nèi)容,同時(shí)加上搜索功能進(jìn)一步提升了幫助的可用性,用戶只需輸入關(guān)鍵詞,就能立即獲取相關(guān)答案。
      還有,操作復(fù)雜的產(chǎn)品(如視頻剪輯軟件)通常會(huì)附帶新手教程,甚至直接在功能界面上提供懸浮提示,這種方式比傳統(tǒng)的文字說(shuō)明更直觀,也更容易讓用戶接受。
      人性化幫助原則的意義在于,當(dāng)用戶面臨困惑時(shí),產(chǎn)品能夠及時(shí)提供有價(jià)值的指導(dǎo),讓用戶對(duì)產(chǎn)品充滿信任。
       
      通過(guò)深入了解尼爾森十大可用性原則,你會(huì)發(fā)現(xiàn),優(yōu)化用戶體驗(yàn)并不是靠靈光一現(xiàn)的創(chuàng)意,而是建立在科學(xué)設(shè)計(jì)和用戶心理學(xué)基礎(chǔ)上的細(xì)致打磨。每一條原則看似簡(jiǎn)單,但在實(shí)際應(yīng)用中,只有將它們深刻融入到產(chǎn)品的每個(gè)細(xì)節(jié)中,才能真正提升用戶的滿意度和產(chǎn)品競(jìng)爭(zhēng)力。
      如果你是產(chǎn)品設(shè)計(jì)的小白,尼爾森十大可用性原則將是你快速進(jìn)階的捷徑;如果你已經(jīng)是經(jīng)驗(yàn)豐富的產(chǎn)品經(jīng)理,這些原則依然是不可或缺的準(zhǔn)則,它們會(huì)提醒你在優(yōu)化產(chǎn)品時(shí)抓住核心,少走彎路。
      做好設(shè)計(jì)不易,但只要你掌握了這些關(guān)鍵原則,距離“產(chǎn)品大神”的目標(biāo)就不遠(yuǎn)了。應(yīng)用起來(lái),讓你的產(chǎn)品脫穎而出吧!

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

      用戶界面優(yōu)化的實(shí)用技巧與案例分享

      鶴鶴

      在用戶界面設(shè)計(jì)中,即使是一些微小的調(diào)整,也能大大提升用戶體驗(yàn)和用戶的參與度。最近,我和一位學(xué)生一起優(yōu)化了一款移動(dòng)應(yīng)用的界面設(shè)計(jì)。雖然最初的設(shè)計(jì)已經(jīng)有了不錯(cuò)的基礎(chǔ),但還缺少讓人眼前一亮的層次感和視覺(jué)吸引力。經(jīng)過(guò)一些簡(jiǎn)單的調(diào)整,我們讓設(shè)計(jì)變得更好用、更美觀。在這篇文章中,我會(huì)分享設(shè)計(jì)前后的對(duì)比,并詳細(xì)講解我們具體做了哪些改動(dòng)。
      小調(diào)整,大提升:用戶界面優(yōu)化的實(shí)用技巧與案例分享
       
       
      從個(gè)人資料頁(yè)面的設(shè)計(jì)開始,我注意到它的布局簡(jiǎn)潔而有條理,但有幾個(gè)問(wèn)題讓人感覺(jué)有些平淡:
      •  
        缺乏視覺(jué)層次:所有元素都有相似的視覺(jué)權(quán)重,這讓用戶很難快速識(shí)別最重要的操作。
      •  
        按鈕樣式:推薦和獎(jiǎng)勵(lì) "按鈕與布局的其他部分融為一體,失去了成為焦點(diǎn)和引導(dǎo)用戶互動(dòng)的機(jī)會(huì)。
      •  
        深度和間距:陰影和色彩對(duì)比的缺失造成了設(shè)計(jì)的扁平化,影響了可用性和導(dǎo)航功能。
       
      微小改動(dòng)帶來(lái)的變化
      小調(diào)整,大提升:用戶界面優(yōu)化的實(shí)用技巧與案例分享
       
       
      以下是我們?nèi)绾胃倪M(jìn)個(gè)人檔案頁(yè)面以及使其更加生動(dòng)的具體調(diào)整:
      •  
        增強(qiáng)視覺(jué)層次:我們?yōu)?“推薦和獎(jiǎng)勵(lì) ”按鈕添加了明亮的藍(lán)色背景并略微抬高,使其成為明確的焦點(diǎn),鼓勵(lì)與這一關(guān)鍵功能進(jìn)行互動(dòng)。
      •  
        改進(jìn)間距和分組:調(diào)整元素之間的間距并對(duì)相關(guān)項(xiàng)目進(jìn)行分組,使布局更有條理,幫助用戶區(qū)分 “設(shè)置與偏好 ”和 “支持 ”等部分。
      •  
        使用圖標(biāo)和排版:我們對(duì)圖標(biāo)和排版進(jìn)行了改進(jìn),使外觀更加簡(jiǎn)潔。圖標(biāo)有了更多的空間,文字樣式強(qiáng)調(diào)標(biāo)題而不是副標(biāo)題,使內(nèi)容更易于掃描。
      分析主頁(yè)設(shè)計(jì)
      小調(diào)整,大提升:用戶界面優(yōu)化的實(shí)用技巧與案例分享
       
       
      現(xiàn)在,讓我們來(lái)看看應(yīng)用程序的主頁(yè)。設(shè)計(jì)看起來(lái)還可以,但感覺(jué)很平淡,而且不容易瀏覽。原始布局的主要問(wèn)題是
      •  
        視覺(jué)清晰度:設(shè)計(jì)扁平,更像是一個(gè)線框,地圖圖像在視覺(jué)上無(wú)法吸引用戶。
      •  
        內(nèi)容分組:元素的樣式千篇一律,使界面感覺(jué)單調(diào)。最近地點(diǎn) “和 ”交通更新 "等關(guān)鍵部分缺乏差異化。
      •  
        互動(dòng)元素:天氣警報(bào) "等互動(dòng)元素并不突出,可能會(huì)讓用戶對(duì)可操作的項(xiàng)目感到困惑。
      改進(jìn)主頁(yè)
      我們對(duì)主頁(yè)進(jìn)行的調(diào)整提高了可用性和參與度:
      •  
        突出行動(dòng)區(qū)域:主頁(yè)“、”工作 “和 ”收藏夾 "等主要按鈕采用了獨(dú)特的圖標(biāo)和間距,使常用部分易于定位。
      •  
        地圖增強(qiáng):對(duì)比度更強(qiáng)、更生動(dòng)的地圖,加上微妙的高低起伏,成為一個(gè)明顯的焦點(diǎn),同時(shí)又不會(huì)喧賓奪主。
      小調(diào)整,大提升:用戶界面優(yōu)化的實(shí)用技巧與案例分享
       
       
      •  
        內(nèi)容區(qū)分:將 “公共交通 ”和 “交通更新 ”等關(guān)鍵部分與對(duì)比鮮明的背景進(jìn)行分組,提高視覺(jué)掃描效果。
      •  
        強(qiáng)調(diào)警報(bào):交通和天氣警報(bào)用獨(dú)特的顏色和圖標(biāo)來(lái)吸引用戶的注意力,幫助用戶快速識(shí)別關(guān)鍵信息。
      小調(diào)整,大提升:用戶界面優(yōu)化的實(shí)用技巧與案例分享
       
       
      在設(shè)計(jì)中應(yīng)用這些概念
      如何將這些設(shè)計(jì)策略應(yīng)用到你的項(xiàng)目中?以下是一些提示:
      •  
        確定關(guān)鍵元素:首先要明確哪些元素需要強(qiáng)調(diào)。建立一個(gè)視覺(jué)層次,突出關(guān)鍵操作--比如個(gè)人資料頁(yè)面上的 “推薦和獎(jiǎng)勵(lì) ”卡片。
      •  
        對(duì)類似元素進(jìn)行分組:將類似的項(xiàng)目組織成不同的部分,如將個(gè)人資料信息與 “推薦和獎(jiǎng)勵(lì)”、“設(shè)置 ”和 “支持 ”進(jìn)行分組,使布局更加直觀。
      •  
        添加描述性小標(biāo)題:小標(biāo)題可提供清晰度,通過(guò)明確標(biāo)注內(nèi)容和引導(dǎo)用戶完成選項(xiàng)來(lái)增強(qiáng)用戶體驗(yàn)。
      •  
        使用顏色層次和對(duì)比:選擇對(duì)比鮮明的顏色來(lái)營(yíng)造視覺(jué)上的區(qū)別,例如使用淺藍(lán)色背景搭配深藍(lán)色圖標(biāo),營(yíng)造出協(xié)調(diào)而醒目的效果。
      •  
        小竅門:開發(fā)一個(gè)調(diào)色板,每種顏色的色調(diào)從 100 到 950 不等,以確保各元素之間的靈活性和一致性。
      增強(qiáng)定位頁(yè)面設(shè)計(jì)
      讓我們利用這些經(jīng)驗(yàn)來(lái)改進(jìn)下面的設(shè)計(jì):
      定位頁(yè)面給人的感覺(jué)有點(diǎn)平淡,所以我們要努力讓它更吸引人。與其使用圖片,不如嘗試使用圖標(biāo),使整個(gè)用戶界面的設(shè)計(jì)保持一致。通過(guò)添加多個(gè)部分來(lái)調(diào)整布局,也有助于組織內(nèi)容,使導(dǎo)航更容易。
      小調(diào)整,大提升:用戶界面優(yōu)化的實(shí)用技巧與案例分享
       
       
      最初的調(diào)整會(huì)讓版面看起來(lái)更有條理,但可能還是會(huì)讓人覺(jué)得缺乏個(gè)性。首先,我讓 “固定位置 ”部分更加緊湊。
      小調(diào)整,大提升:用戶界面優(yōu)化的實(shí)用技巧與案例分享
       
       
      然后,我設(shè)計(jì)了一個(gè)調(diào)色板,以增加獨(dú)特性和個(gè)性。
      小調(diào)整,大提升:用戶界面優(yōu)化的實(shí)用技巧與案例分享
       
       
      在調(diào)色板中,選擇四種搭配得當(dāng)?shù)闹攸c(diǎn)色調(diào)。較淺的色調(diào)(如 50 號(hào)色調(diào))可用于背景,而較深的色調(diào)(如 400 號(hào)色調(diào))則可突出前景元素。
      小調(diào)整,大提升:用戶界面優(yōu)化的實(shí)用技巧與案例分享
       
       
      以下是 “地點(diǎn) ”頁(yè)面的最終設(shè)計(jì),展示了設(shè)計(jì)前后的對(duì)比:
      小調(diào)整,大提升:用戶界面優(yōu)化的實(shí)用技巧與案例分享
       
       
      設(shè)計(jì)師的主要收獲
      •  
        小改動(dòng),大影響:對(duì)間距、對(duì)比度和深度進(jìn)行簡(jiǎn)單調(diào)整,就能顯著提升用戶體驗(yàn)。
      •  
        考慮視覺(jué)層次:利用顏色、大小和位置在界面中創(chuàng)造自然的流程,引導(dǎo)用戶進(jìn)行重要操作。
      •  
        創(chuàng)造深度和焦點(diǎn):即使是增加微妙的深度,也能讓界面看起來(lái)更精致、更專業(yè)、更直觀。


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

      大屏 UI 設(shè)計(jì)的風(fēng)格有哪些?

      鶴鶴

      在數(shù)字化飛速發(fā)展的當(dāng)下,大屏設(shè)備在各類場(chǎng)景中愈發(fā)常見(jiàn),從數(shù)據(jù)監(jiān)控中心到企業(yè)展廳,從指揮調(diào)度平臺(tái)到商業(yè)展示大屏 ,大屏憑借其廣闊的展示區(qū)域,能承載海量信息,給予用戶沉浸式體驗(yàn)。而大屏 UI 設(shè)計(jì)風(fēng)格的選擇,直接關(guān)乎展示效果與用戶體驗(yàn)。接下來(lái),讓我們一同探究大屏 UI 設(shè)計(jì)的常見(jiàn)風(fēng)格。

      一、簡(jiǎn)約風(fēng)格

      簡(jiǎn)約風(fēng)格堪稱大屏 UI 設(shè)計(jì)的經(jīng)典選擇,它秉持 “少即是多” 的理念,極力去除繁雜冗余元素。通過(guò)簡(jiǎn)潔利落的布局,讓關(guān)鍵信息一目了然;搭配清晰易懂的圖標(biāo)與醒目的大字體,方便用戶快速獲取所需內(nèi)容,無(wú)需在復(fù)雜界面中尋找。這種風(fēng)格適用于對(duì)信息傳達(dá)效率要求極高的場(chǎng)景,像數(shù)據(jù)監(jiān)控中心,工作人員需迅速捕捉關(guān)鍵數(shù)據(jù);會(huì)議室展示時(shí),也能讓參會(huì)者快速理解展示內(nèi)容。

      二、科技風(fēng)格

      科技風(fēng)格充滿未來(lái)感與現(xiàn)代氣息,在設(shè)計(jì)時(shí)大量運(yùn)用富有科技感的元素,如流動(dòng)的線條、炫酷的光影效果、靈動(dòng)的動(dòng)態(tài)元素等。色彩方面,常選用藍(lán)色、紫色等冷色調(diào),象征著科技的深邃與神秘,再搭配簡(jiǎn)潔的幾何圖形和具有金屬質(zhì)感的材質(zhì),營(yíng)造出高端、先進(jìn)的視覺(jué)感受。科技公司展廳利用這種風(fēng)格展示前沿技術(shù)成果,智能設(shè)備界面采用該風(fēng)格也能彰顯產(chǎn)品的科技屬性。

      三、扁平風(fēng)格

      扁平風(fēng)格以簡(jiǎn)潔的平面圖形和單純的色塊構(gòu)建界面,摒棄立體效果和復(fù)雜紋理。它突出信息的直觀性,使界面呈現(xiàn)出清爽、簡(jiǎn)潔的觀感,讓用戶能夠快速瀏覽和理解信息。因其簡(jiǎn)潔高效的特性,在各類大屏 UI 設(shè)計(jì)中都有廣泛應(yīng)用,尤其是信息繁多、需要快速獲取信息的界面,扁平風(fēng)格能有效避免用戶產(chǎn)生視覺(jué)疲勞。

      四、擬物化風(fēng)格

      擬物化風(fēng)格模擬現(xiàn)實(shí)世界物體的形態(tài)、質(zhì)感和操作方式,通過(guò)高度還原現(xiàn)實(shí)元素,讓用戶憑借直觀聯(lián)想就能輕松理解和操作界面。在工業(yè)控制界面中,模擬真實(shí)的儀表盤、操作按鈕等,方便操作人員快速上手;醫(yī)療設(shè)備界面采用擬物化設(shè)計(jì),也有助于醫(yī)護(hù)人員準(zhǔn)確操作設(shè)備,減少操作失誤。

      五、新中式風(fēng)格

      新中式風(fēng)格巧妙融合傳統(tǒng)中式元素與現(xiàn)代設(shè)計(jì)理念,運(yùn)用中式經(jīng)典色彩,如中國(guó)紅、黛青等;引入傳統(tǒng)圖案,像回形紋、如意紋等;搭配具有中式韻味的字體,營(yíng)造出既具深厚文化底蘊(yùn)又不失現(xiàn)代感的界面氛圍。在文化展覽、博物館展示等場(chǎng)景中,新中式風(fēng)格能很好地展現(xiàn)中國(guó)傳統(tǒng)文化魅力,增強(qiáng)文化感染力。

      六、插畫風(fēng)格

      插畫風(fēng)格為大屏 UI 設(shè)計(jì)注入獨(dú)特的藝術(shù)魅力,通過(guò)寫實(shí)、抽象或卡通等不同風(fēng)格的插畫,為界面增添豐富的情感和個(gè)性。藝術(shù)展覽的展示界面運(yùn)用插畫風(fēng)格,能與展覽主題相呼應(yīng),吸引觀眾目光;文化活動(dòng)展示中,插畫風(fēng)格也能生動(dòng)傳達(dá)活動(dòng)特色,增強(qiáng)宣傳效果。
      大屏 UI 設(shè)計(jì)風(fēng)格豐富多樣,每種風(fēng)格都有其獨(dú)特的特點(diǎn)和適用場(chǎng)景。設(shè)計(jì)師在進(jìn)行大屏 UI 設(shè)計(jì)時(shí),需依據(jù)項(xiàng)目需求、展示內(nèi)容以及目標(biāo)用戶等多方面因素,綜合考量,選擇最契合的設(shè)計(jì)風(fēng)格,從而打造出視覺(jué)效果與用戶體驗(yàn)俱佳的大屏界面。
       

      如何讓 B 端深色界面設(shè)計(jì)符合用戶習(xí)慣

      鶴鶴

      深入的用戶調(diào)研是讓 B 端深色界面設(shè)計(jì)符合用戶習(xí)慣的基礎(chǔ)。不同行業(yè)、不同崗位的用戶對(duì)界面的需求大相徑庭。例如,設(shè)計(jì)師群體可能更注重色彩的協(xié)調(diào)性和視覺(jué)的舒適度,而數(shù)據(jù)分析師則更關(guān)注數(shù)據(jù)展示的清晰度和操作的便捷性。通過(guò)問(wèn)卷調(diào)查、用戶訪談、可用性測(cè)試等方式,收集用戶對(duì)界面顏色、布局、交互方式等方面的反饋和期望,能夠?yàn)樵O(shè)計(jì)提供有力的依據(jù)。了解到多數(shù)用戶在長(zhǎng)時(shí)間使用 B 端產(chǎn)品時(shí),希望界面能減輕眼睛疲勞,那么在深色界面的設(shè)計(jì)中,就可以選擇低亮度、高對(duì)比度的顏色組合,以減少視覺(jué)負(fù)擔(dān)。
      合理的界面布局是提升用戶體驗(yàn)的關(guān)鍵。B 端產(chǎn)品通常功能復(fù)雜,信息量大,因此清晰、簡(jiǎn)潔的布局至關(guān)重要。在深色界面中,應(yīng)遵循用戶的操作習(xí)慣和視覺(jué)流程,將常用功能和重要信息置于顯眼位置。主導(dǎo)航欄可以固定在頂部或左側(cè),方便用戶隨時(shí)切換功能模塊;操作按鈕的設(shè)計(jì)要大小適中、易于點(diǎn)擊,并且通過(guò)顏色和圖標(biāo)進(jìn)行區(qū)分,讓用戶一目了然。運(yùn)用留白和層次分明的設(shè)計(jì)手法,避免界面元素過(guò)于擁擠,使信息呈現(xiàn)更加有序。這樣,用戶在使用過(guò)程中就能快速找到所需功能,提高工作效率。
       
      色彩搭配和對(duì)比度的把握直接影響著用戶對(duì) B 端深色界面的接受程度。雖然深色界面以深色為主色調(diào),但并不意味著只能使用單一的黑色或深灰色。可以選擇富有層次感的深色系,如深藍(lán)、深紫等,作為背景色或主要元素的顏色。在文本和圖標(biāo)顏色的選擇上,要確保與背景色有足夠的對(duì)比度,以保證可讀性。白色或淺灰色的文本在深色背景下通常較為清晰,但要注意避免顏色過(guò)于刺眼。對(duì)于重要的操作按鈕或提示信息,可以使用明亮的對(duì)比色進(jìn)行突出顯示,吸引用戶的注意力。
      交互設(shè)計(jì)要符合用戶的操作邏輯和習(xí)慣。B 端產(chǎn)品的用戶往往需要頻繁進(jìn)行各種操作,因此簡(jiǎn)單、高效的交互設(shè)計(jì)能夠大大提升用戶的滿意度。提供清晰的操作反饋,讓用戶知道自己的操作是否成功執(zhí)行;支持快捷鍵操作,方便用戶快速完成常見(jiàn)任務(wù);設(shè)計(jì)合理的菜單和彈窗,避免過(guò)多的層級(jí)嵌套,讓用戶能夠輕松地進(jìn)行操作。
      讓 B 端深色界面設(shè)計(jì)符合用戶習(xí)慣需要從用戶調(diào)研、界面布局、色彩搭配、交互設(shè)計(jì)等多個(gè)方面入手。只有深入了解用戶需求,不斷優(yōu)化設(shè)計(jì)細(xì)節(jié),才能打造出用戶滿意的 B 端深色界面,為用戶提供更加高效、舒適的使用體驗(yàn)。
       

      如何做好 B 端設(shè)計(jì)色彩搭配

      鶴鶴

      一、遵循色彩基本原理

      1. 色彩心理學(xué):不同顏色會(huì)引發(fā)不同的心理感受。例如,藍(lán)色常被視為專業(yè)、可靠,在 B 端設(shè)計(jì)中常用于表示信息的穩(wěn)定和安全;綠色代表自然、健康,可用于強(qiáng)調(diào)環(huán)保、可持續(xù)發(fā)展相關(guān)的功能或產(chǎn)品。了解這些色彩心理,能讓我們?cè)谶x擇顏色時(shí)更貼合產(chǎn)品定位和用戶心理預(yù)期。
      1. 色彩對(duì)比度:恰當(dāng)?shù)膶?duì)比度能讓界面元素清晰可辨。文本與背景之間要有足夠的對(duì)比度,以確保用戶在不同環(huán)境下都能輕松閱讀。一般來(lái)說(shuō),WCAG(Web Content Accessibility Guidelines)建議正常文本的對(duì)比度至少為 4.5:1,大文本(18pt 及以上)為 3:1 。同時(shí),在強(qiáng)調(diào)重要信息或操作按鈕時(shí),也可以通過(guò)色彩對(duì)比度來(lái)突出顯示。

      二、契合品牌調(diào)性

      B 端產(chǎn)品通常與企業(yè)品牌緊密相連,色彩搭配應(yīng)體現(xiàn)品牌的價(jià)值觀和個(gè)性。如果品牌形象是創(chuàng)新、活力的,那么在界面設(shè)計(jì)中可以適當(dāng)加入一些明亮、活潑的色彩作為點(diǎn)綴;若品牌強(qiáng)調(diào)穩(wěn)重、專業(yè),則應(yīng)以中性色和深色系為主。保持品牌色彩在 B 端產(chǎn)品中的一致性,有助于增強(qiáng)品牌辨識(shí)度,讓用戶在使用產(chǎn)品過(guò)程中強(qiáng)化對(duì)品牌的認(rèn)知。

      三、考慮業(yè)務(wù)場(chǎng)景和用戶需求

      1. 業(yè)務(wù)場(chǎng)景:不同的業(yè)務(wù)場(chǎng)景對(duì)色彩有不同的需求。例如,金融類 B 端產(chǎn)品可能更注重安全、可靠的視覺(jué)感受,多采用藍(lán)色、灰色等冷色調(diào);而創(chuàng)意設(shè)計(jì)類的產(chǎn)品則可以更具靈活性,使用豐富的色彩激發(fā)用戶的創(chuàng)造力。
      1. 用戶群體:了解目標(biāo)用戶群體的特點(diǎn)也很重要。如果用戶主要是年輕的互聯(lián)網(wǎng)從業(yè)者,他們可能對(duì)時(shí)尚、簡(jiǎn)潔的色彩風(fēng)格更感興趣;而對(duì)于年齡較大或?qū)ι拭舾卸容^低的用戶,簡(jiǎn)潔、高對(duì)比度的色彩組合會(huì)更合適。

      四、構(gòu)建合理的色彩體系

      1. 主色調(diào):確定一個(gè)主色調(diào)作為界面的基礎(chǔ)色,它應(yīng)占據(jù)界面的大部分面積,奠定整體的視覺(jué)風(fēng)格。主色調(diào)的選擇要綜合考慮品牌、業(yè)務(wù)場(chǎng)景和用戶需求等因素。
      1. 輔助色:輔助色用于補(bǔ)充主色調(diào),增強(qiáng)界面的層次感和豐富度。一般選擇 2 - 3 種與主色調(diào)相協(xié)調(diào)的顏色作為輔助色,可用于按鈕、圖標(biāo)、分隔線等元素。
      1. 強(qiáng)調(diào)色:強(qiáng)調(diào)色用于突出重要信息或操作,吸引用戶的注意力。通常選擇與主色調(diào)形成鮮明對(duì)比的顏色作為強(qiáng)調(diào)色,如在藍(lán)色為主色調(diào)的界面中,橙色可以作為強(qiáng)調(diào)色來(lái)突出關(guān)鍵按鈕。

      五、注重色彩的一致性和可擴(kuò)展性

      1. 一致性:在整個(gè) B 端產(chǎn)品中,保持色彩使用的一致性至關(guān)重要。無(wú)論是不同頁(yè)面之間,還是同一頁(yè)面的不同元素之間,相同類型的信息和操作都應(yīng)使用相同的顏色,避免用戶產(chǎn)生混淆。
      1. 可擴(kuò)展性:隨著產(chǎn)品功能的不斷增加和迭代,色彩體系需要具備一定的可擴(kuò)展性。在構(gòu)建色彩體系時(shí),要預(yù)留一定的空間,以便在后續(xù)設(shè)計(jì)中能夠靈活添加新的顏色,同時(shí)又不破壞整體的協(xié)調(diào)性。
      做好 B 端設(shè)計(jì)的色彩搭配需要綜合考慮多方面的因素,從色彩原理、品牌調(diào)性、業(yè)務(wù)場(chǎng)景到用戶需求,每一個(gè)環(huán)節(jié)都不容忽視。只有通過(guò)精心的策劃和設(shè)計(jì),才能打造出既美觀又實(shí)用的 B 端產(chǎn)品界面,提升用戶體驗(yàn),助力業(yè)務(wù)發(fā)展。
       
       

      產(chǎn)品設(shè)計(jì)思維解析

      鶴鶴

      聊聊關(guān)于設(shè)計(jì)思維的內(nèi)容,會(huì)從產(chǎn)品設(shè)計(jì)、體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)四個(gè)方面入手。目前是第一篇關(guān)于產(chǎn)品方向的內(nèi)容。自我觀點(diǎn)配合一些產(chǎn)品背后的故事展開。希望對(duì)你可以有所幫助。
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析


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

      產(chǎn)品設(shè)計(jì)思維解析

      鶴鶴

      聊聊關(guān)于設(shè)計(jì)思維的內(nèi)容,會(huì)從產(chǎn)品設(shè)計(jì)、體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)四個(gè)方面入手。目前是第一篇關(guān)于產(chǎn)品方向的內(nèi)容。自我觀點(diǎn)配合一些產(chǎn)品背后的故事展開。希望對(duì)你可以有所幫助。
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析
       
       
      產(chǎn)品設(shè)計(jì)思維解析


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

      以用戶為中心,優(yōu)化 B 端界面設(shè)計(jì)

      鶴鶴

      在數(shù)字化轉(zhuǎn)型的進(jìn)程中,B 端產(chǎn)品已成為企業(yè)高效運(yùn)營(yíng)的關(guān)鍵支撐,而 B 端界面設(shè)計(jì)則是決定其成敗的核心要素。以用戶為中心優(yōu)化 B 端界面,不僅能提升員工操作體驗(yàn),還能為企業(yè)運(yùn)營(yíng)注入強(qiáng)大動(dòng)力。
      以用戶為中心,意味著深入洞察不同崗位用戶的需求。銷售、財(cái)務(wù)、運(yùn)營(yíng)等不同部門員工,因工作內(nèi)容和場(chǎng)景各異,對(duì) B 端產(chǎn)品的功能需求也大不相同。比如銷售團(tuán)隊(duì),更注重客戶跟進(jìn)、訂單管理的便捷性;財(cái)務(wù)人員則對(duì)數(shù)據(jù)準(zhǔn)確性和報(bào)表生成效率要求極高。通過(guò)問(wèn)卷調(diào)查、用戶訪談等方式收集反饋,精準(zhǔn)把握這些需求,是優(yōu)化 B 端界面的基礎(chǔ)。
      優(yōu)化 B 端界面設(shè)計(jì),可從多個(gè)維度展開。信息架構(gòu)要簡(jiǎn)潔直觀,去除冗余菜單和繁雜信息,讓員工能迅速找到所需功能。例如,項(xiàng)目管理 B 端產(chǎn)品將項(xiàng)目進(jìn)度、任務(wù)分配等關(guān)鍵信息置于首頁(yè)顯眼位置,員工登錄后一目了然,無(wú)需反復(fù)切換頁(yè)面查找。
      交互設(shè)計(jì)也十分關(guān)鍵,要符合用戶日常操作習(xí)慣。采用拖拽、滑動(dòng)等常見(jiàn)手勢(shì)進(jìn)行文件上傳、數(shù)據(jù)排序等操作,減少繁瑣點(diǎn)擊步驟。同時(shí),設(shè)置即時(shí)反饋機(jī)制,員工操作后系統(tǒng)立刻提示結(jié)果,避免因等待產(chǎn)生焦慮。
      視覺(jué)設(shè)計(jì)同樣不容忽視。統(tǒng)一的色彩搭配和清晰的圖標(biāo),能提升界面專業(yè)性和美觀度。色彩選擇要契合企業(yè)品牌形象,保證文字與背景高對(duì)比度,方便員工查看。圖標(biāo)設(shè)計(jì)應(yīng)簡(jiǎn)潔明了,員工一看便知其功能。
      以某企業(yè)人力資源管理系統(tǒng)為例,優(yōu)化前,員工考勤記錄、薪資查詢等操作繁瑣,界面復(fù)雜,導(dǎo)致員工滿意度低、效率低下。優(yōu)化后,重新梳理信息架構(gòu),簡(jiǎn)化操作流程,采用簡(jiǎn)潔交互設(shè)計(jì)和清新視覺(jué)風(fēng)格。優(yōu)化后,員工操作失誤率大幅降低,工作效率提升 [X]%,系統(tǒng)使用率和員工滿意度顯著提高。
       
      以用戶為中心優(yōu)化 B 端界面設(shè)計(jì),是企業(yè)提升競(jìng)爭(zhēng)力、實(shí)現(xiàn)高效運(yùn)營(yíng)的重要途徑。只有持續(xù)關(guān)注用戶需求,不斷優(yōu)化設(shè)計(jì),才能讓 B 端產(chǎn)品在企業(yè)發(fā)展中發(fā)揮更大價(jià)值,助力企業(yè)在數(shù)字化浪潮中穩(wěn)健前行。
       

      ui設(shè)計(jì)公司分享:享受設(shè)計(jì)的過(guò)程而非結(jié)果

      鶴鶴

      廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
       
      林童:
      廖爾摩斯您好,很榮幸可以向您提問(wèn),先向大家介紹一下自己吧!
      廖爾摩斯:
      大家好,我是廖爾摩斯丨設(shè)計(jì)大偵探,很榮幸能參與到站酷龍門陣的訪談欄目和大家互動(dòng)。我從大一開始就接觸設(shè)計(jì)了,然后從威客、自由設(shè)計(jì)師到創(chuàng)辦公司運(yùn)營(yíng),再到今天的一人企業(yè),算起來(lái)設(shè)計(jì)職業(yè)生涯已經(jīng)有12年了。
      目前的我的職業(yè)狀態(tài)是一人企業(yè),沒(méi)有員工,就我自己一個(gè)人負(fù)責(zé)企業(yè)所有的售前、提案、設(shè)計(jì)以及運(yùn)維。另外我還和幾個(gè)朋友一起打造了一個(gè)體驗(yàn)社區(qū),CXHub,歡迎喜歡用戶體驗(yàn)設(shè)計(jì)的朋友常來(lái)逛逛!
       
      林童:
      能否簡(jiǎn)要介紹一下您的職業(yè)背景以及您是如何踏入U(xiǎn)I設(shè)計(jì)這一行的?
      廖爾摩斯:
      我從2005年開始接觸互聯(lián)網(wǎng),從那時(shí)起就對(duì)互聯(lián)網(wǎng)技術(shù)產(chǎn)生了巨大的熱情。2008年上大學(xué)后開始自學(xué)Photoshop軟件,當(dāng)時(shí)便下定決心要成為一名設(shè)計(jì)師,雖然對(duì)這個(gè)崗位其實(shí)還沒(méi)啥概念。不過(guò)很幸運(yùn)的是,當(dāng)時(shí)有一個(gè)很特殊的網(wǎng)站——豬八戒。所以我很快就能通過(guò)設(shè)計(jì)去這個(gè)網(wǎng)站接單賺錢,最終也依靠從這個(gè)平臺(tái)積累的客戶讓我一畢業(yè)就開始全職做自由設(shè)計(jì)師。
      也是因?yàn)檫@樣職業(yè)背景的原因,我所接觸的客戶、行業(yè)以及工作內(nèi)容最初都是比較雜亂的,從最初的淘寶裝修、電子畫冊(cè)、平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì),最后到UI設(shè)計(jì),我才發(fā)現(xiàn)我最喜歡的工作其實(shí)是產(chǎn)品設(shè)計(jì),這個(gè)崗位也最適合我的個(gè)人能力。
      廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
       
       
       
      林童:
      在您的設(shè)計(jì)生涯中,有哪些項(xiàng)目或經(jīng)歷對(duì)您影響最大,為什么?
      廖爾摩斯:
      從業(yè)十二年,大大小小的項(xiàng)目算起來(lái)也有上百個(gè)了。不過(guò)對(duì)我影響最大的項(xiàng)目應(yīng)該是21年初公司的自營(yíng)項(xiàng)目,一個(gè)SaaS產(chǎn)品的設(shè)計(jì)開發(fā)。
      之所以影響最大,是因?yàn)檫@個(gè)項(xiàng)目是我們當(dāng)時(shí)公司生存的賭注。很不幸的是,我們賭輸了,這次失敗也讓我徹底去反思過(guò)去在外包行業(yè)的發(fā)展,這個(gè)行業(yè)是否還有前景,以及我自己的未來(lái)發(fā)展應(yīng)該如何規(guī)劃。
      我也是從這個(gè)時(shí)候成為一人企業(yè)的,當(dāng)我和伙伴們吃完散伙飯,我感覺(jué)自己也失業(yè)了。我在2022年開始做大量的產(chǎn)品拆解,最大的目的就是想系統(tǒng)的研究這些優(yōu)秀的產(chǎn)品是如何設(shè)計(jì)的。
       
      林童:
      在設(shè)計(jì)用戶界面時(shí),您通常遵循哪些基本原則或理念?
      廖爾摩斯:
      其實(shí)無(wú)論是平面還是UI,亦或是其他終端的產(chǎn)品,甚至工業(yè)設(shè)計(jì),我覺(jué)得設(shè)計(jì)必須要遵循的最基礎(chǔ)原則是《寫給大家看的設(shè)計(jì)書》一書中 Robin Wiliams列舉的四個(gè)原則——對(duì)比、重復(fù)、對(duì)齊和親密性。其次就是尼爾森十大可用性原則,特別是對(duì)于Web、APP以及其他終端需要強(qiáng)高頻交互的數(shù)字產(chǎn)品。不過(guò)我覺(jué)得設(shè)計(jì)師應(yīng)該遵循的最大設(shè)計(jì)原則是——
      無(wú)論何時(shí),任何設(shè)計(jì),都要嘗試做得更好!
      廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
       
       
       
      林童:
      在用戶體驗(yàn)(UX)與視覺(jué)設(shè)計(jì)(UI)之間,您如何平衡兩者的重要性?
      廖爾摩斯:
      引用李斌老師在《這才是用戶體驗(yàn)設(shè)計(jì)》一書中提到的UX和UI的區(qū)別,那就是UX關(guān)注的是人、幸福、需求、效率這些宏觀的問(wèn)題,而UI更關(guān)注導(dǎo)航、菜單欄、搜索框這些微觀的問(wèn)題。但我認(rèn)為一個(gè)合格的、優(yōu)秀的設(shè)計(jì)師,都必須要掌握UX和UI的知識(shí),我覺(jué)得未來(lái)的國(guó)內(nèi)企業(yè)環(huán)境對(duì)設(shè)計(jì)師的要求不會(huì)那么寬松了,UI設(shè)計(jì)師必須要參與到業(yè)務(wù)場(chǎng)景的調(diào)研和產(chǎn)品分析中去,這樣設(shè)計(jì)出來(lái)的產(chǎn)品界面才會(huì)有靈魂。
      廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
       
       
       
      林童:
      在設(shè)計(jì)初期,您如何進(jìn)行用戶研究和需求分析,以確保設(shè)計(jì)方向正確?
      廖爾摩斯:
      關(guān)于用戶研究的方法,其實(shí)很多,比如焦點(diǎn)小組、問(wèn)卷調(diào)研,這些我就不介紹了。不過(guò)我覺(jué)得如果要真正設(shè)計(jì)好一款產(chǎn)品,不管是產(chǎn)品還是設(shè)計(jì)師,都應(yīng)該深入到用戶真實(shí)使用的場(chǎng)景中去模擬、去感受,這樣才能理解用戶到底需要什么、如何操作、如何完成。
       
      林童:
      在您的設(shè)計(jì)實(shí)踐中,遇到過(guò)哪些最大的挑戰(zhàn)?您是如何克服這些挑戰(zhàn)的?
      廖爾摩斯:
      我覺(jué)得技能上的瓶頸或者困惑都只需要時(shí)間就能解決,但讓我真正失落的其實(shí)是設(shè)計(jì)這個(gè)環(huán)節(jié)在產(chǎn)品設(shè)計(jì)研發(fā)中的被輕視
      比如UI設(shè)計(jì),它其實(shí)是處于整個(gè)產(chǎn)品研發(fā)的中間環(huán)節(jié),有時(shí)候顯得可有可無(wú),甚至很多時(shí)候連客戶自己都不是很在意了。這對(duì)我個(gè)人來(lái)說(shuō),曾經(jīng)是一個(gè)非常大的職業(yè)困惑,那就是設(shè)計(jì)還重要嗎,設(shè)計(jì)還有意義嗎?所以我這幾年去看了很多商業(yè)、產(chǎn)品、交互、開發(fā)甚至營(yíng)銷的書籍,就是帶著這個(gè)困惑去尋找一下答案。
      如果要問(wèn)我答案,我只想說(shuō),無(wú)論任何產(chǎn)品,任何行業(yè)、任何項(xiàng)目,設(shè)計(jì)其實(shí)是最重要的,只是這個(gè)“設(shè)計(jì)”并非只是UI設(shè)計(jì),而是一個(gè)全鏈路的設(shè)計(jì),包括定位、商業(yè)模式、終端產(chǎn)品、交付內(nèi)容、運(yùn)營(yíng)以及售后服務(wù)等等。
      廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
       
       
       
      林童:
      您認(rèn)為當(dāng)前UI設(shè)計(jì)領(lǐng)域中最值得關(guān)注的發(fā)展趨勢(shì)是什么?
      廖爾摩斯:
      技能層面,肯定要關(guān)注AI的發(fā)展,比如Midjourney這些工具,我們必須要去研究熟悉。不過(guò)我認(rèn)為更應(yīng)該關(guān)注企業(yè)端對(duì)UI設(shè)計(jì)師全鏈路的設(shè)計(jì)需求,也就是懂產(chǎn)品、懂交互的UI設(shè)計(jì)師。從我自身的角度出發(fā),如果讓我現(xiàn)在重新去組建公司,我不會(huì)要一個(gè)純UI的設(shè)計(jì)師,我一定要找一個(gè)全鏈路的UI設(shè)計(jì)師,這樣他才能獨(dú)立負(fù)責(zé)完一個(gè)較完整的工作,即便我可能會(huì)給這個(gè)設(shè)計(jì)師開兩份工資。
      廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
       
       
       
      林童:
      隨著技術(shù)的進(jìn)步(如AI、VR/AR),您如何看待它們對(duì)未來(lái)UI設(shè)計(jì)的影響?
      廖爾摩斯:
      未來(lái)3-5年,數(shù)字產(chǎn)品的終端將會(huì)發(fā)生很大的改變,但是不管是更大還是更小,對(duì)于產(chǎn)品設(shè)計(jì)師來(lái)說(shuō),除了關(guān)注這些新技術(shù)的發(fā)展,打好自身的設(shè)計(jì)基礎(chǔ)其實(shí)顯得更重要,因?yàn)槿魏谓K端的設(shè)計(jì),都需要遵循最基礎(chǔ)的設(shè)計(jì)原則,如果你不掌握這些最基礎(chǔ)的設(shè)計(jì)知識(shí)理論,哪怕你再熟悉這些設(shè)備,你都無(wú)從下手。
      廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
       
       
       
      林童:
      對(duì)于希望進(jìn)入U(xiǎn)I設(shè)計(jì)領(lǐng)域的新人,您有哪些建議或推薦的學(xué)習(xí)資源?
      廖爾摩斯:
      如果不是發(fā)自內(nèi)心的熱愛(ài)設(shè)計(jì),不建議進(jìn)入這個(gè)行業(yè)了,因?yàn)樘柡土耍F(xiàn)在失業(yè)轉(zhuǎn)行的設(shè)計(jì)師太多了,而且企業(yè)的需求也沒(méi)有那么旺盛了。不過(guò)如果你真心熱愛(ài)設(shè)計(jì),那么我建議你一定要做長(zhǎng)期的規(guī)劃,如果你還是大學(xué)生,可以從現(xiàn)在就開始學(xué)習(xí),不管是報(bào)班還是自學(xué),要有決心、有毅力去學(xué)習(xí)。至于學(xué)習(xí)資源,現(xiàn)在其實(shí)教程很多,不管是站酷還是其他平臺(tái),圖文還是視頻,都有很多免費(fèi)不錯(cuò)的教程,經(jīng)濟(jì)如果跟得上,就可以花錢買一個(gè)好一點(diǎn)的系統(tǒng)課程。
       
      林童:
      在設(shè)計(jì)靈感枯竭時(shí),您通常通過(guò)哪些方式尋找新的創(chuàng)意和靈感?
      廖爾摩斯:
      臨摹就是最好的老師,也是最好的創(chuàng)意來(lái)源。假如你不知道如何下手,就去臨摹頭部競(jìng)品、直接競(jìng)品,這樣你的靈感很快就會(huì)出現(xiàn)。
       
      林童:
      有沒(méi)有哪位設(shè)計(jì)師或設(shè)計(jì)作品對(duì)您的設(shè)計(jì)風(fēng)格產(chǎn)生了重要影響
      廖爾摩斯:
      韓雪冬老師是對(duì)我影響比較大的一個(gè)設(shè)計(jì)師,他在網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)方面的造詣,是我們那個(gè)時(shí)代年輕設(shè)計(jì)師膜拜的偶像之一。其次還有李浩(站酷ID:動(dòng)不動(dòng)就餓),他對(duì)設(shè)計(jì)的態(tài)度和追求深深影響了我,讓我堅(jiān)信設(shè)計(jì)的力量,以及給自己定下一個(gè)非常高的標(biāo)準(zhǔn)。
       
      林童:
      您對(duì)未來(lái)幾年的UI設(shè)計(jì)行業(yè)有何預(yù)測(cè)或期待?
      廖爾摩斯:
      UI設(shè)計(jì)不會(huì)消亡,雖然現(xiàn)在大家都不看好這個(gè)職業(yè)了,但是UI設(shè)計(jì)將會(huì)發(fā)生徹底的改變。它將會(huì)向國(guó)外企業(yè)對(duì)這個(gè)崗位的要求看齊,那就是UI設(shè)計(jì)師絕不是一個(gè)獨(dú)立的設(shè)計(jì)執(zhí)行工作,它需要設(shè)計(jì)師具備商業(yè)、產(chǎn)品、交互的能力,在產(chǎn)品設(shè)計(jì)研發(fā)的鏈路中,為商業(yè)決策、運(yùn)營(yíng)等發(fā)揮重要的作用。請(qǐng)相信,
      只有優(yōu)雅的產(chǎn)品才能稱為偉大,而缺少美,就不能稱為優(yōu)雅!
       
      林童:
      最后有什么話要送給站酷的設(shè)計(jì)小伙伴嗎?
      廖爾摩斯:
      以前從未思考過(guò)作為一個(gè)設(shè)計(jì)師,也應(yīng)該要去樹立自己的設(shè)計(jì)愿景和價(jià)值觀,直到這兩年才猛然醒悟,這些看上去或許比較虛的東西,其實(shí)是真正支撐一個(gè)設(shè)計(jì)師能走多遠(yuǎn)的秘訣,正如甲骨文創(chuàng)始人拉里·埃里森在他人生最低谷時(shí)候?qū)懡o自己的這句話——
      成功,是由信念推動(dòng)的!
       
      所以在設(shè)計(jì)行業(yè)如此低迷的情況下,我希望給站酷的設(shè)計(jì)小伙伴們分享我花了12年才感悟出來(lái)的設(shè)計(jì)價(jià)值觀——
      享受設(shè)計(jì)的過(guò)程,而非結(jié)果!
      廖爾摩斯:享受設(shè)計(jì)的過(guò)程,而非結(jié)果!


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

      APP優(yōu)秀產(chǎn)品設(shè)計(jì)亮點(diǎn)

      鶴鶴

      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
       
       
      體驗(yàn)?zāi)夸?/span>
       
      一、這個(gè)隱藏的手勢(shì)交互你忽略沒(méi)
      二、情感化的背景設(shè)計(jì)
      三、自適應(yīng)的瓷片區(qū)布局
      四、考慮用戶習(xí)慣的導(dǎo)航設(shè)計(jì)
      五、應(yīng)景的標(biāo)簽設(shè)計(jì)
      六、情感化的心情記錄
      七、動(dòng)態(tài)感的個(gè)人中心設(shè)計(jì)
      八、動(dòng)態(tài) Banner 更有吸引力
      九、有點(diǎn)意思的圖標(biāo)設(shè)計(jì)
      十、營(yíng)造冬季氛圍的背景設(shè)計(jì)
       
        
       
      一、這個(gè)隱藏的手勢(shì)交互你忽略沒(méi)
       
      隨著用戶體驗(yàn)的不斷升級(jí),手勢(shì)交互變得越發(fā)普及,使得產(chǎn)品操作體驗(yàn)變得更有互動(dòng)感和趣味性。通過(guò)手勢(shì)交互的輔助,讓產(chǎn)品設(shè)計(jì)更加簡(jiǎn)化,更有利于用戶實(shí)現(xiàn)操作目標(biāo)。
       
      我們經(jīng)常用抖音刷短視頻,可以通過(guò)單擊底部標(biāo)簽欄“首頁(yè)”進(jìn)行刷新,長(zhǎng)按則會(huì)彈出模式切換。通過(guò)手勢(shì)交互的輔助可以快速切換單列、雙列展示形式,以及刷新首頁(yè)和默認(rèn)靜音設(shè)置,不知道這個(gè)操作你發(fā)現(xiàn)了嗎?
      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
       
       
      二、情感化的背景設(shè)計(jì)
       
      情感化設(shè)計(jì)可以讓產(chǎn)品與用戶建立更強(qiáng)的共鳴感,讓用戶感受到產(chǎn)品的溫度,促進(jìn)對(duì)其服務(wù)的認(rèn)可度。
       
      在杭州生活的人會(huì)經(jīng)常使用浙里辦,在一些節(jié)慶、節(jié)氣等時(shí)間段打開 App 時(shí),頂部視覺(jué)區(qū)域背景會(huì)進(jìn)行應(yīng)景設(shè)計(jì)。通過(guò)情感化的表達(dá)方式營(yíng)造氛圍感的同時(shí),也讓用戶感受到產(chǎn)品的溫度,帶來(lái)更加溫馨的體驗(yàn)感。
      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
       
       
      三、自適應(yīng)的瓷片區(qū)布局
       
      瓷片區(qū)的靈活性可以方便更多功能模塊的布局,也能自由更換和增刪處理,只要保障基礎(chǔ)框架結(jié)構(gòu)的穩(wěn)定即可。
       
      酷狗音樂(lè)未登錄時(shí)首頁(yè)推薦板塊的瓷片區(qū)設(shè)計(jì),在滑動(dòng)過(guò)程中會(huì)進(jìn)行自適應(yīng)布局,方便進(jìn)行結(jié)構(gòu)的填充和內(nèi)容的補(bǔ)充。默認(rèn)時(shí)隱藏部分內(nèi)容可以提高當(dāng)前位置的利用率,便于提高更多內(nèi)容的曝光度,交互過(guò)程中的動(dòng)效表達(dá)也非常的流暢自然。
      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
       
       
      四、考慮用戶習(xí)慣的導(dǎo)航設(shè)計(jì)
       
      抽屜式導(dǎo)航是導(dǎo)航設(shè)計(jì)表達(dá)的形式之一,由于屬于隱藏式的設(shè)計(jì),通常集合非操作頻繁的功能。
       
      酷狗音樂(lè)采用了底部標(biāo)簽欄和抽屜式導(dǎo)航結(jié)合的形式,即滿足高頻功能的便利性,也能集合更多低頻功能。由于大屏手機(jī)的普及,用戶單手操作的習(xí)慣各有差異,考慮用戶左手或者右手都能輕松打開導(dǎo)航,酷狗音樂(lè)右上角的導(dǎo)航圖標(biāo)可以從右側(cè)打開導(dǎo)航,左手貼邊向右滑可以從左側(cè)打開導(dǎo)航,滿足了不同操作習(xí)慣的用戶需求。
      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
       
       
      五、應(yīng)景的標(biāo)簽設(shè)計(jì)
       
      標(biāo)簽設(shè)計(jì)的表達(dá)形式非常多樣化,也被運(yùn)用到眾多的場(chǎng)景中,輔助內(nèi)容的傳播與理解等。
       
      天氣冷了,大家會(huì)在淘寶買一些秋冬服裝等商品,當(dāng)搜索秋冬外套、保暖等關(guān)鍵詞時(shí),會(huì)出現(xiàn)降溫坐標(biāo)、輕暖等標(biāo)簽設(shè)計(jì)。通過(guò)標(biāo)簽突出了商品關(guān)鍵詞的特征,也讓用戶可以感受到季節(jié)的變化,促進(jìn)商品被搜索的概率。
      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
       
       
      六、情感化的心情記錄
       
      隨著生活壓力和職場(chǎng)壓力的不斷增加,為了緩解大家的焦慮情緒,衍生出很多日記類產(chǎn)品,幫助大家記錄心情和管理調(diào)節(jié)。
       
      最近在使用心島日記記錄心情時(shí),記錄界面設(shè)計(jì)感覺(jué)很有意思。通過(guò)轉(zhuǎn)盤的交互形式選擇心情,也通過(guò)應(yīng)景的動(dòng)效表達(dá)輔助心情傳遞,整體設(shè)計(jì)情感化體驗(yàn)度非常好。
      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
       
       
      七、動(dòng)態(tài)感的個(gè)人中心設(shè)計(jì)
       
      個(gè)人中心的設(shè)計(jì)在整個(gè)產(chǎn)品設(shè)計(jì)中都是非常重要的存在,也因此出現(xiàn)了眾多優(yōu)秀的設(shè)計(jì)方案。
       
      心島日記的個(gè)人中心設(shè)計(jì)中,頂部區(qū)域背景以動(dòng)態(tài)的形式表達(dá),描繪出的場(chǎng)景讓人心情愉悅。相較于靜態(tài)畫面的表達(dá),動(dòng)感的設(shè)計(jì)更能打動(dòng)用戶。
      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
       
       
      八、動(dòng)態(tài) Banner 更有吸引力
       
      Banner 設(shè)計(jì)在產(chǎn)品中的表現(xiàn)形式也非常豐富,可以在視覺(jué)創(chuàng)意中發(fā)揮,也可以在造型結(jié)構(gòu)中變化,還能動(dòng)靜各異。
       
      最近在使用支付寶時(shí),首頁(yè)為了突出發(fā)放消費(fèi)券的活動(dòng),采用了動(dòng)態(tài) Banner 設(shè)計(jì)。突出的視覺(jué)和動(dòng)感的效果,讓活動(dòng)變得特別突出,增加板塊吸引力,提高用戶參與度。
      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
       
       
      九、有點(diǎn)意思的圖標(biāo)設(shè)計(jì)
       
      隨著圖標(biāo)設(shè)計(jì)的風(fēng)格越來(lái)越多,使得產(chǎn)品設(shè)計(jì)的感官體驗(yàn)得到了提升,設(shè)計(jì)師也在不斷嘗試更多的創(chuàng)意表達(dá)。
       
      最近在飛豬旅行 App 中,發(fā)現(xiàn)其圖標(biāo)設(shè)計(jì)有點(diǎn)意思。部分圖標(biāo)采用書法里面的連筆形式,結(jié)合漸變色使得整體圖標(biāo)風(fēng)格年輕活潑,設(shè)計(jì)表達(dá)獨(dú)特而有新意。
      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
       
       
      十、營(yíng)造冬季氛圍的背景設(shè)計(jì)
       
      冬天雖然很冷,但是也有獨(dú)特的風(fēng)景帶給大家,在寒冷中感受這個(gè)季節(jié)的獨(dú)特魅力。
       
      飛豬旅行 App 在首頁(yè)設(shè)計(jì)中,頂部背景區(qū)域結(jié)合冬季下雪與堆雪人等元素,以動(dòng)態(tài)的形式營(yíng)造了這個(gè)冬季獨(dú)有的氛圍感。不僅提升了產(chǎn)品的感官度,也讓用戶更有季節(jié)代入感。
      為什么我想不到這些設(shè)計(jì)亮點(diǎn)
       
       
      小結(jié)
       
      設(shè)計(jì)靈感來(lái)源于日積月累,希望我們的產(chǎn)品體驗(yàn)日記欄目可以成為大家積累的來(lái)源。本文描述屬于個(gè)人觀點(diǎn),不足之處大家留言補(bǔ)充。


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

      日歷

      鏈接

      個(gè)人資料

      存檔