首頁

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

藍藍設(shè)計的小編 設(shè)計思維

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


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

大屏數(shù)據(jù)界面設(shè)計:解鎖數(shù)據(jù)可視化的新境界

藍藍設(shè)計的小編 大數(shù)據(jù)可視化設(shè)計文章及欣賞

在數(shù)字化轉(zhuǎn)型的浪潮中,大屏數(shù)據(jù)展示已成為企業(yè)決策支持、運營監(jiān)控及信息展示的重要窗口。一個精心設(shè)計的大屏數(shù)據(jù)界面,不僅能夠?qū)崟r匯聚海量數(shù)據(jù),以直觀、生動的方式呈現(xiàn)關(guān)鍵信息,還能有效提升團隊協(xié)作效率,助力管理層快速做出精準決策。以下,我們將深入探討大屏數(shù)據(jù)界面設(shè)計的核心要素與實踐策略,為您解鎖數(shù)據(jù)可視化的新境界。

一、明確設(shè)計目標:以用戶為中心

(一)用戶需求分析

設(shè)計之初,首要任務(wù)是深入理解目標用戶群體的需求與偏好。這包括但不限于他們的信息獲取習慣、決策關(guān)注點以及對于視覺效果的接受度。通過問卷調(diào)查、訪談或工作坊等形式,收集用戶反饋,確保設(shè)計貼合實際需求。

(一) 業(yè)務(wù)場景定位

大屏的應(yīng)用場景多樣,如控制中心、會議室展示、銷售業(yè)績分析等。明確應(yīng)用場景,有助于確定信息的優(yōu)先級展示、布局風格及交互邏輯,使界面更加貼合業(yè)務(wù)場景,提升信息傳達效率。

二、數(shù)據(jù)可視化策略:直觀與深度并重

(一) 選擇合適的圖表類型

根據(jù)數(shù)據(jù)類型及展示目的,合理選擇圖表類型(如柱狀圖、折線圖、餅圖、熱力圖等)。優(yōu)秀的圖表設(shè)計應(yīng)能在第一眼吸引注意力,同時準確傳達數(shù)據(jù)背后的故事。

(二)數(shù)據(jù)層次清晰展現(xiàn)

利用顏色、大小、位置等視覺元素區(qū)分數(shù)據(jù)的重要性,構(gòu)建清晰的信息層次。重要數(shù)據(jù)應(yīng)突出顯示,輔助信息則以更柔和的方式呈現(xiàn),避免信息過載。

(三)動態(tài)交互增強體驗

加入動態(tài)效果(如數(shù)據(jù)滾動、實時更新、交互篩選等),使大屏界面更加生動,增強用戶體驗。同時,確保交互設(shè)計直觀易懂,降低學習成本。

三、美學與實用性并重:打造視覺盛宴

(一) 色彩與布局的藝術(shù)

色彩搭配需考慮品牌調(diào)性、情感表達及視覺舒適度。布局上,遵循“F型”或“Z型”閱讀模式,引導用戶視線流動,確保重要信息一目了然。

(二)字體與圖標的選用

選用清晰易讀的字體,大小適中,確保在各種觀看距離下都能輕松閱讀。圖標應(yīng)簡潔明了,符合國際通用標準,輔助信息傳遞。

(三)響應(yīng)式設(shè)計

考慮到不同屏幕尺寸和分辨率的適配性,采用響應(yīng)式設(shè)計原則,確保大屏內(nèi)容在各種展示環(huán)境下都能保持最佳視覺效果。

四、持續(xù)優(yōu)化與迭代

(一) 數(shù)據(jù)反饋機制

建立數(shù)據(jù)反饋機制,收集用戶對界面布局、信息準確性及交互體驗等方面的反饋,作為后續(xù)優(yōu)化的依據(jù)。

(二)技術(shù)與內(nèi)容的同步更新

隨著業(yè)務(wù)發(fā)展和技術(shù)進步,定期評估并更新大屏界面,引入新技術(shù)(如AR/VR、AI分析)和數(shù)據(jù)可視化工具,保持界面的先進性和實用性。

58.png

B端用戶中心設(shè)計剖析:構(gòu)建高效、定制化的企業(yè)服務(wù)平臺

藍藍設(shè)計的小編 B端ui設(shè)計文章及欣賞

一、引言 在數(shù)字化轉(zhuǎn)型的大潮中,B端(Business-to-Business)服務(wù)市場日益繁榮,企業(yè)對高效、智能化、定制化的業(yè)務(wù)管理系統(tǒng)需求迫切。B端用戶中心作為連接企業(yè)與服務(wù)商的關(guān)鍵橋梁,其設(shè)計不僅關(guān)乎用戶體驗,更直接影響到企業(yè)的運營效率與市場競爭力。本文將從設(shè)計原則、功能模塊、用戶體驗及數(shù)據(jù)安全四個維度,深入剖析B端用戶中心的設(shè)計要點。 二、設(shè)計原則 ...

UI 設(shè)計公司蘭亭妙微分享:人工智能大模型管理平臺UI設(shè)計

藍藍設(shè)計的小編 B端ui設(shè)計文章及欣賞

一、項目背景

(一)在當下數(shù)字化浪潮中,各類大模型如語言、圖像生成模型不斷涌現(xiàn),企業(yè)與機構(gòu)對其應(yīng)用需求激增。然而,模型開發(fā)流程繁瑣、部署成本高昂,不同模型間數(shù)據(jù)交互與共享困難重重。同時,模型性能優(yōu)化、安全管理等問題亟待解決。在此背景下,大模型管理平臺應(yīng)運而生,它旨在整合資源,簡化模型開發(fā)與部署流程,提升模型性能與安全性,為各行業(yè)高效利用大模型提供有力支持,助力人工智能技術(shù)深度融入業(yè)務(wù)。

(二)該系統(tǒng)的原首頁中信息量比較少,在設(shè)計時除了對頁面美觀的優(yōu)化,從內(nèi)容、布局、用戶使用場景、使用習慣、交互方式等方 面也進行考慮,增加了一些統(tǒng)計的圖表, 「歷史訪問信息」采用卡片式列表,突出模塊和內(nèi)容。同時增加「個人上傳記錄」信息和「歷史訪問信息」可以進行 切換查看。

二、項目概述

(一)產(chǎn)品定位

大模型管理平臺定位為人工智能領(lǐng)域的核心樞紐。它是模型全生命周期的智慧管家,從研發(fā)時整合數(shù)據(jù)與算法資源,到部署時適配多元硬件環(huán)境,再到運營中實時監(jiān)測性能,全方位守護。同時,它也是跨行業(yè)的賦能引擎,為金融、醫(yī)療、制造等行業(yè)提供定制化模型服務(wù),加速業(yè)務(wù)智能化轉(zhuǎn)型。

(二)目標用戶

大模型管理平臺的目標用戶廣泛且多元??萍计髽I(yè)研發(fā)團隊、金融機構(gòu)從業(yè)者、醫(yī)療行業(yè)的研究人員和臨床醫(yī)生、教育領(lǐng)域的課程開發(fā)者與教育科技企業(yè)。此外,政府部門進行城市規(guī)劃、交通管理等決策時,也能從平臺獲取支持。這些用戶都期望通過大模型管理平臺,挖掘數(shù)據(jù)價值,實現(xiàn)業(yè)務(wù)的智能化升級 。

(三)設(shè)計風格

系統(tǒng)首頁重構(gòu)信息組織架構(gòu),豐富信息 和數(shù)據(jù),同時頁面采用精美的圖標和小 插圖提高頁面的精細美觀度。 設(shè)計風格采用簡約的設(shè)計語言,清晰、 簡潔和直觀的表達方式,模塊化布局, 強調(diào)的是界面強調(diào)可復用性和通用性, 配色采用經(jīng)典藍色,藍色具有很好的兼 容性,可以與多種顏色搭配使用,形成 和諧的視覺效果。

level2_img.jpg.png

三、設(shè)計亮點

(一)流程圖設(shè)計前后對比

「模型仿真評估流程」是首頁的主要功能區(qū),在模塊布局上加中 比例成為頁面的聚焦區(qū)域,每個節(jié)點采用小插圖,插圖方便復制 及拓展、修改,提升設(shè)計開發(fā)效率,技術(shù)實現(xiàn)便捷,落地相對成 本低。增加了背景圖案,使該模塊更加有空間感,同時增加了整 個頁面的靈動性。

level3_img1.png

(二)增加統(tǒng)計圖表

圖表能夠直觀地展示關(guān)鍵數(shù)據(jù),使用戶一目了然地了解整體情況, 快速把握數(shù)據(jù)的變化趨勢和規(guī)律。其次,統(tǒng)計圖表有助于提升用 戶對數(shù)據(jù)的理解和分析能力,通過視覺化的方式展現(xiàn)數(shù)據(jù)間的關(guān) 聯(lián)和差異,降低理解難度,提高決策效率。同時,美觀的統(tǒng)計圖 表也能提升系統(tǒng)首頁的整體視覺效果,吸引用戶的注意力,增加 用戶的粘性。該區(qū)域后期也可以根據(jù)實際需求換成其它內(nèi)容。

level3_img2.png

四、首頁其他方案欣賞

level4_img.jpg.png

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

平面設(shè)計:創(chuàng)意與視覺的交響

藍藍設(shè)計的小編 平面設(shè)計

一、平面設(shè)計的定義與意義 平面設(shè)計,簡而言之,是通過文字、圖形、色彩等視覺元素,在二維空間內(nèi)進行創(chuàng)意性的組合與排列,旨在達到特定的信息傳遞和審美目的。它超越了簡單的排版和美化,是一種藝術(shù)創(chuàng)造,體現(xiàn)了設(shè)計師對世界的獨特理解和表達。 二、創(chuàng)意:平面設(shè)計的靈魂 在平面設(shè)計中,創(chuàng)意是不可或缺的靈魂。一個好的設(shè)計作品往往憑借其獨特的創(chuàng)意,讓人眼前一亮,留下深刻印象。設(shè)...

UI 設(shè)計風格與布局:打造卓越用戶體驗的基石

藍藍設(shè)計的小編 移動端UI設(shè)計文章及欣賞

在數(shù)字化時代,UI(用戶界面)設(shè)計的優(yōu)劣直接決定了用戶對產(chǎn)品的第一印象和使用體驗。其中,設(shè)計風格與布局是兩大核心要素。
UI 設(shè)計風格豐富多樣,各有獨特魅力與適用場景。極簡主義風格以簡潔為美,去除一切不必要元素,僅保留核心功能與信息。其界面清爽,能讓用戶快速聚焦關(guān)鍵內(nèi)容,如一些資訊類 APP 便常采用,提升瀏覽效率。擬物風格則致力于模擬現(xiàn)實物體外觀與質(zhì)感,給人熟悉親切之感,早期的手機圖標設(shè)計多運用此風格,幫助用戶輕松理解功能。還有如今流行的扁平化風格,簡潔明了、色彩鮮明,兼具現(xiàn)代感與高效性,在各類移動應(yīng)用中廣泛應(yīng)用。
合理的布局是良好用戶體驗的保障。布局需遵循清晰、易用原則。首先要明確信息層級,重要信息置于顯眼位置,如電商 APP 將商品圖片與價格突出展示。常見布局方式有分欄布局,可將不同類型信息有序分隔,適用于內(nèi)容較多的頁面;卡片式布局則將信息以卡片形式呈現(xiàn),便于用戶快速識別與操作,社交媒體 APP 常用此布局展示動態(tài)。此外,響應(yīng)式布局至關(guān)重要,確保界面在不同設(shè)備屏幕上都能完美適配,為用戶提供一致體驗。

未來主義視角下的 UI 用戶體驗設(shè)計創(chuàng)新路徑

藍藍設(shè)計的小編

在科技飛速發(fā)展的當下,未來主義不再是遙不可及的幻想,而是逐漸融入到我們生活的方方面面。UI 用戶體驗設(shè)計作為連接人與數(shù)字產(chǎn)品的關(guān)鍵橋梁,也在未來主義思潮的影響下,不斷探索創(chuàng)新路徑。從交互方式的變革到視覺風格的突破,未來主義視角為 UI 用戶體驗設(shè)計帶來了全新的思考維度。

一、交互方式:打破傳統(tǒng)邊界

傳統(tǒng)的 UI 交互主要依賴于鼠標、鍵盤和觸摸操作,而在未來主義的語境下,交互方式正朝著更加自然、智能的方向發(fā)展。語音交互已經(jīng)逐漸普及,用戶只需動動嘴,就能完成各種操作,這大大提高了操作效率,尤其適用于雙手忙碌或視力不佳的場景。例如,智能音箱可以通過語音指令播放音樂、查詢天氣等。
除此之外,手勢交互也在不斷發(fā)展。一些智能設(shè)備已經(jīng)支持簡單的手勢識別,用戶通過揮手、握拳等動作就能與設(shè)備進行交互。在未來,隨著傳感器技術(shù)的進步,手勢交互將更加精準和復雜,實現(xiàn)更豐富的功能。
腦機接口技術(shù)的研究也為交互方式帶來了無限可能。雖然目前還處于初級階段,但在未來,用戶或許只需通過大腦的思維活動,就能控制設(shè)備,實現(xiàn)真正意義上的 “心想事成”。這將徹底打破人與設(shè)備之間的物理隔閡,創(chuàng)造出前所未有的交互體驗。

二、視覺風格:塑造科幻沉浸感

未來主義的視覺風格追求科技感、簡潔性和強烈的視覺沖擊力。在 UI 設(shè)計中,這種風格體現(xiàn)在簡潔的界面布局、鮮明的色彩搭配和獨特的圖形元素上。
簡潔的界面布局能夠減少用戶的認知負擔,讓用戶快速找到所需信息。去除繁瑣的裝飾和不必要的元素,以簡潔的線條和幾何形狀構(gòu)建界面,使界面更加清晰明了。
鮮明的色彩搭配可以營造出強烈的視覺氛圍。例如,使用高飽和度的冷色調(diào),如藍色、紫色等,來傳達科技感和未來感。同時,通過對比強烈的色彩組合,吸引用戶的注意力,突出重要信息。
獨特的圖形元素也是未來主義視覺風格的重要組成部分。例如,使用抽象的圖標、動態(tài)的圖形和光影效果,來增強界面的立體感和動態(tài)感,讓用戶仿佛置身于一個充滿科技感的未來世界。

三、個性化定制:滿足多元需求

未來的用戶將更加注重個性化,他們希望自己使用的產(chǎn)品能夠體現(xiàn)自己的獨特品味和需求。因此,UI 用戶體驗設(shè)計需要具備更強的個性化定制能力。
通過大數(shù)據(jù)和人工智能技術(shù),系統(tǒng)可以分析用戶的使用習慣、偏好等信息,為用戶提供個性化的界面布局、功能模塊和內(nèi)容推薦。例如,音樂 APP 可以根據(jù)用戶的音樂偏好,推薦符合口味的歌曲和歌單;電商 APP 可以根據(jù)用戶的瀏覽和購買歷史,推薦相關(guān)的商品。
此外,用戶還應(yīng)該能夠自主定制界面的視覺風格,如選擇自己喜歡的顏色、字體、圖標等,打造屬于自己的專屬界面。這種個性化定制不僅能夠提高用戶的滿意度和忠誠度,還能讓用戶在使用產(chǎn)品的過程中獲得更多的樂趣和成就感。
未來主義視角下的 UI 用戶體驗設(shè)計創(chuàng)新路徑充滿了無限的可能性。通過打破傳統(tǒng)交互方式的邊界、塑造獨特的視覺風格和實現(xiàn)個性化定制,我們能夠為用戶創(chuàng)造出更加智能、便捷、有趣的數(shù)字體驗。作為 UI 設(shè)計師,我們需要不斷關(guān)注科技發(fā)展的前沿動態(tài),勇于創(chuàng)新,將未來主義的理念融入到設(shè)計中,為用戶帶來更加美好的未來。

2025年UI設(shè)計師必看的15個網(wǎng)站

藍藍設(shè)計的小編

想要成長為一名優(yōu)秀的設(shè)計師,緊跟潮流,不斷吸收新的設(shè)計思想和靈感,絕對是極其重要的職業(yè)素養(yǎng)。
隨著2025年的到來,設(shè)計行業(yè)內(nèi)卷越發(fā)嚴重,對設(shè)計師的要求也更高,如何高質(zhì)高效地進行設(shè)計,是每個設(shè)計師都要考慮的。今天,本文精選了15個網(wǎng)站,你可以從中了解最新設(shè)計趨勢,尋找創(chuàng)意靈感,學習優(yōu)秀作品,成長為更卓越的設(shè)計大牛~
一起來看看這15個網(wǎng)站吧!
 
1、
Dribbble
Dribbble是全球最大的設(shè)計師交流網(wǎng)站,設(shè)計師可以在這里尋找靈感,展示自己的設(shè)計作品,分享設(shè)計理念、設(shè)計技巧、設(shè)計工具等。為了方便大家學習交流,你可以在作品下方留言,同時也能通過其他人的評論,學習到不同的設(shè)計風格和創(chuàng)意思路。
不僅如此,Dribbble還有求職版塊,許多知名的設(shè)計公司和品牌都會在上面發(fā)布招聘信息,你可以在這里看看有沒有合適的機會。對設(shè)計師來說,Dribbble真的是一個很好的學習、展示和成長的平臺~
訪問地址:https://dribbble.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
2、摹客資源社區(qū)
摹客是一個“設(shè)計+協(xié)作”的平臺,專為設(shè)計師和產(chǎn)品經(jīng)理打造,上手簡單,不管是畫線框圖、高保真原型圖、流程圖還是做UI設(shè)計,它都能輕松滿足需求。
此外,摹客還有一個資源社區(qū),提供了豐富的模板例子,模板涵蓋各個領(lǐng)域,無需下載,一鍵保存就能快速復用。編輯完成后,設(shè)計師還可以使用摹客協(xié)作,讓團隊小伙伴一起評論審閱,開發(fā)小伙伴還能直接獲取標注信息和CSS代碼,真的大大提升了團隊的工作效率!
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
3、優(yōu)設(shè)
優(yōu)設(shè)是國內(nèi)專業(yè)的設(shè)計師平臺,匯聚了大量的設(shè)計教程、行業(yè)資訊、作品展示以及設(shè)計趨勢,致力于幫助設(shè)計師提升技能、獲取靈感。
它的設(shè)計資源豐富,包括高質(zhì)量的UI/UX設(shè)計案例、免費設(shè)計模板、圖標和字體等,供設(shè)計師們免費下載使用。同時,它還設(shè)有設(shè)計問答版塊,設(shè)計師們可以在此交流經(jīng)驗、分享作品、提出問題,共同成長進步!
訪問地址:https://www.uisdc.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
4、
Medium
Medium是全球知名的創(chuàng)作平臺,匯聚了來自各行各業(yè)的內(nèi)容創(chuàng)作者,包括設(shè)計師、開發(fā)者、產(chǎn)品經(jīng)理等。在這里,設(shè)計師可以讀到各種關(guān)于UI/UX設(shè)計、產(chǎn)品設(shè)計思維、設(shè)計實戰(zhàn)復盤等干貨。
它最大的優(yōu)勢在于有很多高質(zhì)量的原創(chuàng)文章,以及廣泛的社區(qū)討論,設(shè)計師不僅可以通過文章獲取靈感,還能參與到行業(yè)討論中,拓寬視野。許多設(shè)計大咖和行業(yè)專家也在Medium上發(fā)布深度分析和案例研究,是設(shè)計師提升專業(yè)能力的寶貴資源。
訪問地址:https://medium.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
5、
Pinterest
Pinterest是一個以視覺內(nèi)容為主的社交媒體平臺,廣受設(shè)計師喜愛,特別適合用來尋找設(shè)計靈感。它擁有海量的圖片和創(chuàng)意,覆蓋從UI設(shè)計到插畫、品牌設(shè)計等各種領(lǐng)域。設(shè)計師可以根據(jù)自己的興趣和需求,通過關(guān)鍵詞搜索來發(fā)現(xiàn)相關(guān)的設(shè)計作品。
值得一提的是Pinterest的收藏功能,你可以將喜歡的設(shè)計作品“釘”到自己的個人主頁上,便于隨時查看和參考。
訪問地址:https://www.pinterest.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
6、
花瓣網(wǎng)
花瓣網(wǎng)是國內(nèi)知名的創(chuàng)意設(shè)計平臺,用戶可以利用它的采集工具,輕松收集網(wǎng)絡(luò)上的圖片和靈感。與Pinterest不同的是,花瓣網(wǎng)有很多本土化內(nèi)容,許多國內(nèi)設(shè)計師的作品和靈感都可以在這里找到。此外,它還擁有超過1億的高質(zhì)量素材,并提供海報、背景圖、矢量圖、字體、插畫漫畫等多種素材模板,好滿足設(shè)計師的多樣化需求。
訪問地址:https://huaban.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
7、Awwwards
Awwwards是全球知名的設(shè)計獎項和創(chuàng)意展示平臺,專注于展示互聯(lián)網(wǎng)領(lǐng)域的最佳網(wǎng)站和數(shù)字創(chuàng)意。它匯聚了全球頂尖的設(shè)計師的作品,展示了最新、最前沿的設(shè)計趨勢。Awwwards每年都會對設(shè)計作品進行評選,結(jié)合用戶投票和專業(yè)評審,評選出最具創(chuàng)意和表現(xiàn)力的作品。
設(shè)計師可以在這里瀏覽獲獎作品,分析成功案例,獲取靈感,提升自己的設(shè)計水平。另外,Awwwards網(wǎng)站本身的設(shè)計也很潮,非常值得一看哦~
訪問地址:https://www.awwwards.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
8、One Page Love
對于設(shè)計師來說,單頁網(wǎng)站設(shè)計是個不小的挑戰(zhàn):如何在有限的空間里,呈現(xiàn)豐富的內(nèi)容、提供良好的用戶體驗并確保設(shè)計美觀呢?One Page Love會告訴你答案。
它是一個專注于單頁網(wǎng)站設(shè)計的平臺,自2008年成立以來,已經(jīng)收錄了超過8180個優(yōu)秀的單頁網(wǎng)站設(shè)計。這些案例展示了各種各樣的設(shè)計風格和創(chuàng)意解決方案,是設(shè)計師們學習單頁網(wǎng)站設(shè)計的理想資源庫。
訪問地址:https://onepagelove.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
9、Lapa Ninja
Lapa Ninja是一個提供著陸頁設(shè)計案例的網(wǎng)站,網(wǎng)站共展示了6749個著陸頁設(shè)計,通過完整的網(wǎng)站截圖,為用戶提供真實的著陸頁示例作為靈感來源。無論是設(shè)計師尋求創(chuàng)意靈感,還是老板想要了解如何打造吸引人的著陸頁,這個網(wǎng)站都能提供有價值的參考。
訪問地址:https://www.lapa.ninja/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
10、Deviant Art
DeviantArt 是全球最大的藝術(shù)社區(qū)之一,集結(jié)了來自世界各地的設(shè)計師、插畫師、攝影師、動畫師等藝術(shù)創(chuàng)作者。無論是傳統(tǒng)的繪畫、雕塑,還是數(shù)字藝術(shù)、攝影作品等,任何藝術(shù)形式都能在這里找到展示空間。
對UI設(shè)計師來說,多看看不同類型的藝術(shù)設(shè)計,也許會收獲意想不到的靈感!
訪問地址:https://www.deviantart.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
11、Designspiration
Designspiration是一個極具創(chuàng)意的設(shè)計靈感資源平臺,內(nèi)容包含多種設(shè)計領(lǐng)域,比如平面設(shè)計、室內(nèi)設(shè)計、產(chǎn)品設(shè)計、時尚設(shè)計等。它的內(nèi)容質(zhì)量很高,很多作品都來自世界各地優(yōu)秀的設(shè)計師或者設(shè)計工作室。而且,它的搜索功能很好用,可以按照不同類型、顏色、風格和關(guān)鍵詞進行搜索,極大地方便了設(shè)計師的工作。
訪問地址:https://www.designspiration.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
12、Land-book
Land-book是一個網(wǎng)站設(shè)計靈感圖庫,網(wǎng)站上展示的都是精心挑選的內(nèi)容,還會每日更新內(nèi)容,好讓用戶及時獲取到最新的網(wǎng)站設(shè)計趨勢和案例。其內(nèi)容涵蓋多種類型,包括著陸頁、電子商務(wù)頁面、作品集等,設(shè)計領(lǐng)域包含互聯(lián)網(wǎng)、時尚服飾、金融等多個行業(yè)。
總之,Land-book對于設(shè)計師來說,是一個獲取靈感、了解行業(yè)動態(tài)的優(yōu)質(zhì)資源平臺。
訪問地址:https://land-book.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
13、Mobbin
移動端設(shè)計的需求已經(jīng)漸漸超過網(wǎng)頁設(shè)計了,而Mobbin就是專門收集APP界面、布局設(shè)計的網(wǎng)站。不管你是要尋找手機的登陸界面、搜索頁面、配置頁面、還是知名品牌的APP界面等,都能快速找到!并且,Mobbin還會定期更新內(nèi)容,確保展示的設(shè)計資源緊跟最新潮流,讓你始終接觸到最前沿的計思路。
訪問地址:https://mobbin.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
14、NavNav+
導航欄對網(wǎng)頁、APP來說至關(guān)重要,它是用戶的領(lǐng)路人,一個好的領(lǐng)路人才能留住用戶。NavNav+是一個專門收集導航欄設(shè)計的平臺,涵蓋了各種類型和風格的導航欄設(shè)計案例,如傳統(tǒng)的水平導航、側(cè)邊欄、下拉菜單、全屏菜單等。設(shè)計師可以在這里找到大量的創(chuàng)意靈感,了解不同場景下導航欄的設(shè)計方式和趨勢。
訪問地址:https://navnav.co/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
15、Unsplash
Unsplash是一個免費的平面設(shè)計圖素材網(wǎng)站,提供了各種類型的高質(zhì)量圖片,包括標志、海報、網(wǎng)站設(shè)計、插畫等等。圖片涵蓋了各種各樣的主題,包括風景、人物、建筑、動物、抽象概念、商業(yè)場景等,你可以按照不同的主題進行搜索,并免費下載所需的圖片。此外,Unsplash還提供了一個社區(qū),你可以在這里分享自己的作品,以及和其他設(shè)計師攝影師交流~
訪問地址:https://unsplash.com/
2025年UI設(shè)計師必看的15個網(wǎng)站
 
 
 
以上就是為大家精心整理的網(wǎng)站資源,相信在使用這些網(wǎng)站的過程中,你會發(fā)現(xiàn)更多的驚喜和創(chuàng)意。讓我們一起學習進步,爭取2025年的UI設(shè)計水平更上一層樓!


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

原型不知道怎么設(shè)計?看完這8大原則!

藍藍設(shè)計的小編

原型設(shè)計8大原則,大廠產(chǎn)品經(jīng)理干貨分享!
 
 
如果你經(jīng)歷過在項目中后期推翻方案、修改設(shè)計、頻繁返工的痛苦,你一定會明白原型設(shè)計的重要性。多年產(chǎn)品職業(yè)生涯告訴我,每一個成功項目的背后,都離不開一個扎實的原型設(shè)計。
通過原型,我們可以盡早發(fā)現(xiàn)問題,節(jié)省時間和金錢,讓設(shè)計師和開發(fā)更輕松。接下來,我將從多年的實踐經(jīng)驗出發(fā),分享一些關(guān)于原型設(shè)計的核心原則,希望能對你有所啟發(fā)。
以下是想要設(shè)計出一個優(yōu)秀原型的八大原則:
原則 1:了解你的用戶。
原則 2:明確原型設(shè)計的重點。
原則 3:選擇合適的原型設(shè)計工具。
原則 4:少計劃,多實踐。
原則 5:放輕松!第一個原型總是比較粗糙。
原則 6:多和設(shè)計師、開發(fā)交流
原則 7:重視原型可維護性
原則 8:記錄你的收獲
 
1、了解你的用戶
設(shè)計并不是單向的輸出,而是與用戶的對話。原型設(shè)計的起點就是深入了解目標用戶,挖掘他們的需求、痛點、行為模式和使用場景。只有這樣,當產(chǎn)品創(chuàng)意通過原型呈現(xiàn)出來,才能夠真正解決用戶的問題。
這就要求我們在進行原型設(shè)計時要做到:
1)做好用戶研究,包括問卷訪談、調(diào)查等各種方式,以收集用戶數(shù)據(jù)。
2)從用戶的角度出發(fā),思考他們?nèi)绾闻c產(chǎn)品互動。
3)設(shè)計原型時,確保它符合用戶的使用習慣。
可以說,原型設(shè)計的成功與否,很大程度上取決于我們對用戶理解的深度,因此在研究用戶方面,做多少工作都不為過。
 
2、明確原型設(shè)計的重點
在設(shè)計原型之前,首先要明確它的核心目標:是簡單繪制下線框,討論出產(chǎn)品大致框架?還是精細繪制出某個功能模塊的交互?亦或是做高保真原型,以便產(chǎn)品演示?
每一次畫原型都應(yīng)該聚焦于核心目標,而不是試圖一次性解決所有問題。不要擔心一次原型無法涵蓋所有細節(jié)——產(chǎn)品設(shè)計是一個不斷迭代的過程,我們可以通過多個階段的原型逐步驗證假設(shè),先明確產(chǎn)品的核心框架與基礎(chǔ)功能,再逐步細化到實際體驗和產(chǎn)品完成度。這樣,我們便能在每一次原型設(shè)計迭代中,對不同方面加以優(yōu)化完善,推動原型逐步趨近于理想的產(chǎn)品形態(tài)。
 
3、選擇合適的原型設(shè)計工具
想要高效地完成原型設(shè)計,選擇合適的工具至關(guān)重要。每種工具都有自己的特點,選擇時,首先要評估項目的需求和復雜度。如果處于早期概念驗證階段,簡單的繪圖工具或低保真原型工具足夠用了;而到了產(chǎn)品細化階段,建議使用交互功能強大、更專業(yè)的原型設(shè)計工具。以下是我都用過且體驗不錯的產(chǎn)品:
 
1)摹客RP - 在線快速原型設(shè)計
摹客RP有大量的預設(shè)組件、豐富的原型模板,拖曳即用,大大提高了工作效率。它的交互能力也很強大,是少有的能完美繼承Axure使用習慣和資源的原型設(shè)計工具。同時,它還支持強大的多人實時編輯能力,非常適合新手和對協(xié)作要求較高的團隊。
原型設(shè)計8大原則,大廠產(chǎn)品經(jīng)理干貨分享!
 
 
 
2)Axure - 全面交互設(shè)計
使用地址:https://www.axure.com/
知名度最高的原型工具,優(yōu)點也確實突出,交互功能非常強大,擁有豐富的交互組件庫,幾乎能制作任何交互效果,完美模擬出真實的應(yīng)用場景和用戶操作體驗。不過需要說明的是,Axure上手難度大,協(xié)作功能很弱,并且近年來產(chǎn)品迭代的速度已經(jīng)放緩,更推薦有復雜交互項目制作需求的團隊使用。
原型設(shè)計8大原則,大廠產(chǎn)品經(jīng)理干貨分享!
 
 
 
3)Figma - 高保真原型設(shè)計
使用地址:https://www.figma.com/
在UI設(shè)計領(lǐng)域,F(xiàn)igma可謂大名鼎鼎,考慮到它在分享和協(xié)作上的優(yōu)勢,以及團隊的設(shè)計師一般比產(chǎn)品經(jīng)理多,有部分產(chǎn)品經(jīng)理也直接用Figma繪制原型了。它的交互能力比較弱,更適合交互功能簡單且需要高保真原型設(shè)計的團隊。另外,F(xiàn)igma定價昂貴,更適合預算較高的團隊使用。
原型設(shè)計8大原則,大廠產(chǎn)品經(jīng)理干貨分享!
 
 
 
4、少計劃,多實踐。
原型設(shè)計中常見的顧慮之一,是擔心設(shè)計達不到我們腦海中的理想,容易陷入“還沒完成”的心態(tài)。其實,畫起來就好!不要過于執(zhí)著規(guī)劃“該做什么”,因為在設(shè)計過程中,我們會遇到新的問題,而具象化的原型圖也會讓我們的思維更清楚。
在這個階段,通過設(shè)計倒逼思考,反倒是幫助我們深入思考產(chǎn)品的最佳途徑。
 
5、放輕松!第一個原型總是比較粗糙。
“文章的初稿,都是狗屎。”這是文學大家海明威說的,雖然看起來有點粗俗,但確實是他的經(jīng)驗之談。
其實原型也一樣,第一個原型注定會有瑕疵,所以請放輕松。正因如此,我們才需要循序漸進地去完善原型。最好從低保真線框圖開始,一步步迭代優(yōu)化,在這個過程中,越早失敗、反復嘗試,并迅速調(diào)整方向、減少資源投入,才是正確路徑,也是原型設(shè)計的意義所在。
 
6、多和設(shè)計師、開發(fā)交流
有人說,新手產(chǎn)品經(jīng)理畫原型就是單純畫原型,而資深產(chǎn)品經(jīng)理畫原型前就擔心產(chǎn)品能不能實現(xiàn)了。原型設(shè)計不是屠龍,而是要開發(fā)出切實可用的產(chǎn)品。因此,產(chǎn)品經(jīng)理在進行原型設(shè)計時,不應(yīng)該完全以自己的想法進行設(shè)計。
我們需要和設(shè)計師、開發(fā)一起協(xié)作,最好在原型設(shè)計階段就確定好功能的可實現(xiàn)性,這樣做能大大規(guī)避后續(xù)流程中的反復與延誤,顯著提升團隊的工作效率與產(chǎn)出質(zhì)量,為項目的順利推進奠定堅實基礎(chǔ)。
原型設(shè)計8大原則,大廠產(chǎn)品經(jīng)理干貨分享!
 
 
 
7、重視原型可維護性
原型并非一次性產(chǎn)物,在設(shè)計時就要考慮后續(xù)的維護與更新。這就要求產(chǎn)品經(jīng)理畫原型時,一定要使用規(guī)范的命名、清晰的圖層管理以及合理的組件復用,讓原型在需求變更或功能拓展時更易于修改。
比如,當項目中某個通用模塊的設(shè)計需要調(diào)整,如果之前構(gòu)建原型時做好了組件復用,只需修改對應(yīng)的組件,相關(guān)頁面組件就會一鍵同步更新,大大節(jié)省了時間與精力,原型就能靈活適應(yīng)項目發(fā)展的各種變化。
 
8、記錄你的收獲
在原型設(shè)計的整個過程中,記錄復盤每一次收獲至關(guān)重要。比如:記錄好大家提出的各種備選方案、不同觀點,以及從中獲得的經(jīng)驗和見解。
這個小小的習慣極有可能幫了你大忙,因為產(chǎn)品設(shè)計流程復雜且多變,你無法預知何時需要回溯之前被忽略的內(nèi)容。如果你做好了記錄,后面需要改變時,就能快速定位問題根源并進行針對性迭代。
 
以上8條原則為原型設(shè)計提供了全面且實用的指導,有助于我們少走彎路。請記住,這8條原則并非孤立的存在,而是一個有機整體,我們在實際工作中,應(yīng)不斷嘗試與調(diào)整,將它們靈活融入到工作流程。只要認真遵循了這些原則,離打造出一個成功的產(chǎn)品就不遠啦!


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

日歷

鏈接

個人資料

存檔