2023-12-26 周周
俗話說:“細節(jié)決定成敗”,對于設(shè)計而言亦是如此,把設(shè)計做到極致才能在競爭中脫穎而出。對于產(chǎn)品設(shè)計師來說不僅需要有發(fā)現(xiàn)的眼睛,也要有做到極致的習慣。通過優(yōu)秀的設(shè)計案例不斷培養(yǎng)自己的設(shè)計思維,才能在項目中不斷創(chuàng)新和做到極致。
最近黑馬哥發(fā)現(xiàn)了一些優(yōu)秀的設(shè)計細節(jié),相信這些小小的細節(jié)必然可以帶來更好的體驗,助力產(chǎn)品帶給用戶更好的使用體驗。
微動效在產(chǎn)品中的運用十分普及,特別是在圖標設(shè)計中的運用,不僅增強了圖標趣味性,也是提升關(guān)注度的關(guān)鍵。
盯潮 App 首頁圖標便完美的結(jié)合動效表達,滑動瀏覽內(nèi)容時,首頁圖標通過動效演變?yōu)橹庙攬D標。不僅賦予當前區(qū)域更多操作屬性,流暢自然的動效表達也使得設(shè)計更具情感化。
動效相較于靜態(tài)表達而言,可以更有連貫性和敘述性,一套動作的表達可以帶來更深層次的信息傳遞。
貝殼找房 App “我家”欄目用門形圖標表達,當進入該欄目時,圖標會呈現(xiàn)開門的動效,然后變成一扇打開的門。有種歡迎回家和進入自己家里的體驗,變得更有親和力,提升用戶體驗度。
通過提高局部區(qū)域的視覺表達,可以吸引用戶的關(guān)注度,而動態(tài)背景的運用無疑是最有效的方式之一。
貝殼找房 App 在“我家”欄目的頂部區(qū)域設(shè)計中,以微動態(tài)的方式表達背景,相較于靜態(tài)而言更有空間感。局部動態(tài)的表達也讓畫面更有趣味性,場景風格也很溫馨,讓用戶感受到回家的情感共鳴。
刷短視頻已經(jīng)改變了很多人的娛樂時間,不斷優(yōu)化體驗也是產(chǎn)品進步的關(guān)鍵。
抖音在不斷優(yōu)化體驗的過程中,帶給用戶更好的內(nèi)容獲取體驗。最近發(fā)現(xiàn)在點擊首頁刷新時,可以進行視圖切換,方便進行更多內(nèi)容的篩選,提高內(nèi)容瀏覽效率。
營銷設(shè)計在產(chǎn)品中的出現(xiàn)是為了提高變現(xiàn)能力,在用戶體驗和營銷曝光度的結(jié)合中,需要更多的交互形式進行設(shè)計平衡。
汽車之家 App 在“選車”欄目中,直播間入口懸浮在右下角,人物頭像提高真實度,吸引用戶進入直播間。當滑動界面時會收縮成獨立頭像展示,降低對當前內(nèi)容的干擾度,讓用戶不會因為營銷表達而出現(xiàn)體驗反感。
簽到是提升用戶活躍度的一種有效形式之一,通過簽到福利激活用戶的參與度,而設(shè)計氛圍也是助推參與度的因素。
全民 K 歌每日簽到設(shè)計表達很有氛圍感,結(jié)合 IP 形象提升情感化設(shè)計,同時每日簽到對應(yīng)好禮展示,更直觀的讓用戶知道簽到可以帶來的好處。禮物動效和氛圍感拉滿的場景,不僅烘托了氛圍感,也提升了用戶參與簽到的意愿度。
通過交互形式或者視覺強化可以突出局部功能,也可以配合微動效的表達進行強化。
百度網(wǎng)盤 App 為了突出底部工具欄,結(jié)合了 IP 形象進行動態(tài)互動,打招呼的禮貌行為讓設(shè)計表達更為情感化。不僅突出了該工具欄的位置,也能讓用戶感受到產(chǎn)品設(shè)計的溫度。
插畫元素在產(chǎn)品設(shè)計中的運用也很普及,這也讓設(shè)計師需要具備一些簡單的插畫基礎(chǔ),可以通過插畫增強設(shè)計的視覺感和情感化等。
安居客 App 的個人中心設(shè)計中,頂部區(qū)域通過一個小插畫填充畫面,使得界面場景顯得更溫馨。讓用戶放松心情,猶如在自家小區(qū)庭院中呼吸新鮮空氣和感受陽光的明媚。
彈窗結(jié)合動效設(shè)計很常見,也是突出內(nèi)容最有效的設(shè)計表達,不過在功能性彈窗中如何強化營銷內(nèi)容,最近發(fā)現(xiàn)了一個不錯的設(shè)計案例。
夸克 App 在主頁點擊功能設(shè)置之后,基于功能彈窗的基礎(chǔ)上融入了營銷入口,還不會顯得格格不入。豐富的色彩和動效表達, 在不改變彈窗主結(jié)構(gòu)的基礎(chǔ)上,突出了新增活動表達的關(guān)注度,是一個不錯的設(shè)計解決方案。
隨著網(wǎng)民年輕化的趨勢,產(chǎn)品 UI 風格也逐步呈現(xiàn)視覺年輕化,設(shè)計師都在不斷嘗試煥然一新的風格表達。
百度網(wǎng)盤 App 前段時間進行了風格更新,煥然一新的設(shè)計讓視覺呈現(xiàn)更年輕化。界面背景采用白色和淺灰色,顯得更簡潔和舒適,圖標設(shè)計和局部卡片等以更具視覺沖擊力的多巴胺配色表達。新的嘗試無論是否可以滿足用戶感官需求,但是大膽的風格突破也能為下一次的蛻變做鋪墊。
通過對設(shè)計細節(jié)的探索,我們發(fā)現(xiàn)了很多優(yōu)秀的設(shè)計解決方案,這也是積累設(shè)計靈感的一個過程。本文描述屬于個人觀點,如有不足歡迎留言指正,我們互相進步。
文章來源:優(yōu)設(shè)網(wǎng) 作者: 黑馬青年
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計(www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。
關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍藍設(shè)計的小編 http://www.miumiuwan.com