日本一区二区三区在线播放-国产视频一-美女黄网站成人免费视频-奇米中文字幕-日本少妇xxxxx-九九精品99-国产人碰人摸人爱视频-欧美亚洲网站-国产艳妇av在线-在线av网站-久久a久久-可以免费看黄色的网站-国产视频一二-在线播放视频高清在线观看-男人的天堂av网站-久久一二三区-欧美日韩综合一区二区

首頁

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

鶴鶴

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


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

色彩搭配,決定 PC 端界面設(shè)計(jì)成敗的關(guān)鍵因素

鶴鶴

在 PC 端界面設(shè)計(jì)的廣袤天地里,色彩搭配宛如一位隱匿卻極具影響力的幕后推手,悄無聲息地左右著設(shè)計(jì)的成敗。當(dāng)用戶打開一款 PC 軟件,最先映入眼簾的便是界面的色彩。它不僅構(gòu)建起視覺的第一印象,更能在無形中影響用戶的情緒、操作體驗(yàn)以及對產(chǎn)品的整體認(rèn)知。接下來,讓我們深入探索色彩搭配在 PC 端界面設(shè)計(jì)中的關(guān)鍵作用。

一、色彩的情感與心理暗示

色彩是有 “語言” 的,每一種色彩都蘊(yùn)含著獨(dú)特的情感與心理暗示。比如,紅色熱烈而充滿活力,常被用于促銷類界面,以激發(fā)用戶的購買欲望;藍(lán)色冷靜且專業(yè),深受辦公軟件和金融類應(yīng)用的青睞,能給用戶帶來可靠、安心的感覺;綠色象征著自然與健康,適合健康養(yǎng)生類軟件,營造出平和舒緩的氛圍。了解這些色彩的特性,有助于設(shè)計(jì)師根據(jù)產(chǎn)品的定位和目標(biāo)用戶的需求,精準(zhǔn)選擇合適的主色調(diào)。

二、色彩搭配的原則

(一)對比度原則

適當(dāng)?shù)膶Ρ榷饶茏尳缑嬖馗忧逦鬃x。在文字與背景的色彩搭配上,要確保足夠的對比度,避免閱讀困難。例如,深色背景搭配淺色文字,或者反之。但也要注意,過高的對比度可能會(huì)產(chǎn)生刺眼的視覺效果,需要把握好度。

(二)色彩和諧原則

和諧的色彩搭配能給人帶來舒適的視覺感受。可以采用類似色搭配,如紅與橙、藍(lán)與紫等,它們在色相環(huán)上位置相近,搭配起來自然流暢;也可以運(yùn)用互補(bǔ)色搭配,如紅與綠、藍(lán)與黃等,通過強(qiáng)烈的對比創(chuàng)造出鮮明的視覺沖擊,但需要巧妙調(diào)和,防止過于刺眼。

(三)主輔色搭配原則

確定一個(gè)主色調(diào)作為界面的核心,然后搭配 1 - 2 種輔助色。主色調(diào)奠定整體風(fēng)格,輔助色則起到補(bǔ)充和豐富的作用。例如,在一款以藍(lán)色為主色調(diào)的辦公軟件中,可以搭配少量的橙色作為點(diǎn)綴,突出重要按鈕或提示信息,使界面更加生動(dòng)活潑。

三、不同類型 PC 端界面的色彩搭配策略

(一)辦公類軟件

辦公類軟件注重效率和專業(yè)性,通常采用簡潔、沉穩(wěn)的色彩搭配。以藍(lán)色、灰色為主色調(diào),搭配白色或淡色文字,營造出冷靜、專注的工作氛圍。同時(shí),通過色彩區(qū)分不同的功能區(qū)域,讓用戶能夠快速定位所需操作。

(二)游戲類軟件

游戲類軟件追求刺激、熱血的游戲體驗(yàn),色彩搭配往往鮮艷奪目、充滿活力。多運(yùn)用高飽和度的色彩,如紅、黃、橙等,以及強(qiáng)烈的色彩對比,來吸引玩家的注意力,激發(fā)他們的興奮感和參與度。

(三)閱讀類軟件

閱讀類軟件旨在提供舒適的閱讀環(huán)境,色彩搭配以柔和、淡雅為主。常見的有米黃色背景搭配黑色文字,類似紙張和墨水的效果,減輕眼睛疲勞,讓用戶能夠長時(shí)間沉浸在閱讀中。

四、案例剖析

以某知名設(shè)計(jì)軟件為例,它的界面采用了深灰色為主色調(diào),搭配亮橙色的操作按鈕和輔助線條。深灰色營造出專業(yè)、高端的設(shè)計(jì)氛圍,亮橙色則在低調(diào)中脫穎而出,吸引用戶的注意力,讓關(guān)鍵操作一目了然。這種色彩搭配不僅符合軟件的專業(yè)定位,還提升了用戶操作的便捷性和視覺體驗(yàn)。
再看一款在線教育平臺(tái)的 PC 端界面,主色調(diào)為淺藍(lán)色,給人清新、舒適的感覺,契合教育的輕松氛圍。同時(shí),搭配綠色的進(jìn)度條和提示信息,象征著學(xué)習(xí)的成長與進(jìn)步。通過合理的色彩搭配,該平臺(tái)在視覺上給用戶帶來愉悅的感受,增強(qiáng)了用戶的學(xué)習(xí)積極性。
色彩搭配在 PC 端界面設(shè)計(jì)中占據(jù)著舉足輕重的地位。它既是一門藝術(shù),也是一門科學(xué),需要設(shè)計(jì)師深入了解色彩的特性、搭配原則以及不同類型界面的需求。只有精心雕琢色彩搭配,才能打造出既美觀又實(shí)用,能深深打動(dòng)用戶的 PC 端界面,在激烈的市場競爭中脫穎而出。

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

鶴鶴

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

一、簡約風(fēng)格

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

二、科技風(fēng)格

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

三、扁平風(fēng)格

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

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

擬物化風(fēng)格模擬現(xiàn)實(shí)世界物體的形態(tài)、質(zhì)感和操作方式,通過高度還原現(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)典色彩,如中國紅、黛青等;引入傳統(tǒng)圖案,像回形紋、如意紋等;搭配具有中式韻味的字體,營造出既具深厚文化底蘊(yùn)又不失現(xiàn)代感的界面氛圍。在文化展覽、博物館展示等場景中,新中式風(fēng)格能很好地展現(xiàn)中國傳統(tǒng)文化魅力,增強(qiáng)文化感染力。

六、插畫風(fēng)格

插畫風(fēng)格為大屏 UI 設(shè)計(jì)注入獨(dú)特的藝術(shù)魅力,通過寫實(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)和適用場景。設(shè)計(jì)師在進(jìn)行大屏 UI 設(shè)計(jì)時(shí),需依據(jù)項(xiàng)目需求、展示內(nèi)容以及目標(biāo)用戶等多方面因素,綜合考量,選擇最契合的設(shè)計(jì)風(fēng)格,從而打造出視覺效果與用戶體驗(yàn)俱佳的大屏界面。
 

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

鶴鶴

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

二、契合品牌調(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)品過程中強(qiáng)化對品牌的認(rèn)知。

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

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

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

  1. 主色調(diào):確定一個(gè)主色調(diào)作為界面的基礎(chǔ)色,它應(yīng)占據(jù)界面的大部分面積,奠定整體的視覺風(fēng)格。主色調(diào)的選擇要綜合考慮品牌、業(yè)務(wù)場景和用戶需求等因素。
  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)形成鮮明對比的顏色作為強(qiáng)調(diào)色,如在藍(lán)色為主色調(diào)的界面中,橙色可以作為強(qiáng)調(diào)色來突出關(guān)鍵按鈕。

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

  1. 一致性:在整個(gè) B 端產(chǎn)品中,保持色彩使用的一致性至關(guān)重要。無論是不同頁面之間,還是同一頁面的不同元素之間,相同類型的信息和操作都應(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ù)場景到用戶需求,每一個(gè)環(huán)節(jié)都不容忽視。只有通過精心的策劃和設(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ì)、視覺設(shè)計(jì)四個(gè)方面入手。目前是第一篇關(guān)于產(chǎn)品方向的內(nèi)容。自我觀點(diǎn)配合一些產(chǎn)品背后的故事展開。希望對你可以有所幫助。
產(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
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

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

鶴鶴

聊聊關(guān)于設(shè)計(jì)思維的內(nèi)容,會(huì)從產(chǎn)品設(shè)計(jì)、體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)四個(gè)方面入手。目前是第一篇關(guān)于產(chǎn)品方向的內(nèi)容。自我觀點(diǎn)配合一些產(chǎn)品背后的故事展開。希望對你可以有所幫助。
產(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
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

B端干貨|全鏈路設(shè)計(jì)的分析能力

鶴鶴

全鏈路用戶體驗(yàn)設(shè)計(jì)師需要具備的六大能力模型。掌握這六種能力模型,既可以輔助我們進(jìn)行更好的設(shè)計(jì)支撐,也可以在業(yè)務(wù)的工作匯報(bào)和部門的述職工作中站穩(wěn)腳跟?。。?/span>
市場分析 | 用戶洞察 | 產(chǎn)品規(guī)劃 | 項(xiàng)目管理 |  數(shù)據(jù)分析 | 用戶運(yùn)營
下面我會(huì)分幾篇文章去講解這六大能力模型~
 
市場分析
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
1. SWOT 分析模型
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
什么是SWOT?
SWOT是一種經(jīng)典的企業(yè)戰(zhàn)略規(guī)劃工具,著名咨詢公司麥肯錫經(jīng)常使用它為企業(yè)戰(zhàn)略咨詢服務(wù),它通過分析對象內(nèi)外部因素從而得出戰(zhàn)略結(jié)論的分析方法。核心理念在于通過對影響因素進(jìn)行分類梳理,再通過聚合考慮來得出結(jié)論。
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
如何進(jìn)行SWOT分析?
大道至簡,SWOT分析模型的應(yīng)用也很簡單,分別對各維度因素進(jìn)行識(shí)別和梳理,然后構(gòu)建出分析矩陣,最后根據(jù)矩陣中信息進(jìn)行綜合分析,就能得出結(jié)論和戰(zhàn)略方向了。
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
 
a. 梳理分析維度
內(nèi)部因素分析
也就是S(強(qiáng)項(xiàng))和W(弱項(xiàng)),可以從Q(品質(zhì))、C(成本)、D(技術(shù)和交付能力)、M(人才設(shè)備等)、S(服務(wù))等維度進(jìn)行梳理。當(dāng)然也可以根據(jù)分析對象的特性進(jìn)行調(diào)整。
外部因素分析
也就是O(機(jī)會(huì))和T(威脅),可以借助PEST模型或者波特五力模型上著手(這兩個(gè)模型后續(xù)再詳細(xì)展開)
 
b. 構(gòu)建分析矩陣
這個(gè)步驟就挺簡單,就是把第一步分析的因素,按照這幾個(gè)類別放到一起
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
 
c. 制定戰(zhàn)略計(jì)劃
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
d. 案例練習(xí)
假設(shè)你在夜市有一個(gè)烤腸攤為基礎(chǔ),來一次思想實(shí)驗(yàn),練習(xí)一下SWOT分析。
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
戰(zhàn)略方向調(diào)整
SO(利用優(yōu)勢抓住機(jī)遇):
  •  
    推出新產(chǎn)品
S的地理位置好+已有口碑,結(jié)合機(jī)遇中的健康飲食,那么可以開發(fā)新品/建立宣傳點(diǎn),推出健康烤腸新品,滿足市場需求。
  •  
    社交媒體推廣
利用已有優(yōu)勢+社交媒體,在工作中進(jìn)行直播,進(jìn)一步提升口碑和影響力。
PS:315對淀粉腸進(jìn)行曝光后,如果這個(gè)店一直以健康和口碑立足,是不是恰好又迎來機(jī)遇呢?
 
ST(利用優(yōu)勢應(yīng)對威脅):
  •  
    增強(qiáng)食品安全
現(xiàn)在口碑和味道都很好,但是一旦出現(xiàn)食品安全問題,影響會(huì)很大,那么應(yīng)該確保產(chǎn)品質(zhì)量,維護(hù)小店聲譽(yù)。
  •  
    強(qiáng)化獨(dú)特口味
地?cái)偢偁帉κ直姸?,利用?yōu)勢脫穎而出,可以對口味等強(qiáng)化宣傳
 
WO(克服劣勢抓住機(jī)遇):
  •  
    季節(jié)性產(chǎn)品
劣勢方面,現(xiàn)在產(chǎn)品收到季節(jié)性影響,外部機(jī)遇有媒體和重視飲食健康,一方面針對淡季,可以研發(fā)季節(jié)性健康產(chǎn)品,另一方面可以摘淡季加強(qiáng)自媒體宣傳。
 
WT(克服劣勢避免威脅):
  •  
    競爭對手多,且攤位規(guī)模和資金規(guī)模有限制:
因此對于擴(kuò)張規(guī)模、占地比較大的新品引入、高投入的變革都不適用于現(xiàn)階段的策略,這些方向上應(yīng)該按兵不動(dòng),靜待時(shí)機(jī)。
 
2. PEST 分析模型
含義:PEST 是一種用于分析宏觀環(huán)境的工具,它包括政治(Political)、經(jīng)濟(jì)(Economic)、社會(huì)(Social)和技術(shù)(Technological)四個(gè)方面。通過這四個(gè)維度來評(píng)估這些因素對企業(yè)或市場的潛在影響。
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
應(yīng)用場景和案例
  •  
    政治因素:政府法規(guī)政策對用戶體驗(yàn)設(shè)計(jì)有重要影響。比如數(shù)據(jù)隱私法規(guī)要求產(chǎn)品設(shè)計(jì)清晰呈現(xiàn)數(shù)據(jù)收集方式并提供隱私設(shè)置選項(xiàng);無障礙法規(guī)促使設(shè)計(jì)考慮殘障人士需求。同時(shí),數(shù)字化政務(wù)服務(wù)和公共服務(wù)創(chuàng)新項(xiàng)目為用戶體驗(yàn)設(shè)計(jì)提供應(yīng)用場景。
  •  
    經(jīng)濟(jì)因素:消費(fèi)能力影響用戶需求,經(jīng)濟(jì)繁榮時(shí)高端市場注重奢華個(gè)性化體驗(yàn),經(jīng)濟(jì)不穩(wěn)定時(shí)大眾市場追求性價(jià)比。市場競爭中,企業(yè)通過創(chuàng)新用戶體驗(yàn)設(shè)計(jì)實(shí)現(xiàn)差異化,同時(shí)需考慮成本效益。
  •  
    社會(huì)因素:不同文化背景和社會(huì)價(jià)值觀變化影響用戶對產(chǎn)品的期望和偏好。例如,集體主義文化地區(qū)更重社交功能,環(huán)保意識(shí)增強(qiáng)促使產(chǎn)品融入環(huán)保元素。此外,社交互動(dòng)需求和移動(dòng)生活方式也要求用戶體驗(yàn)設(shè)計(jì)適應(yīng)這些趨勢。
  •  
    技術(shù)因素:新興技術(shù)如人工智能、機(jī)器學(xué)習(xí)、虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)在用戶體驗(yàn)設(shè)計(jì)中有廣泛應(yīng)用。但要平衡技術(shù)復(fù)雜性與易用性,同時(shí)通過良好的用戶教育幫助用戶適應(yīng)技術(shù)更新。
 
3. 波特五力模型
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
含義:邁克爾?波特(Michael Porter)提出的五力模型用于分析行業(yè)競爭態(tài)勢。這五種力量包括現(xiàn)有競爭者的威脅、潛在進(jìn)入者的威脅、替代品的威脅、供應(yīng)商的議價(jià)能力和購買者的議價(jià)能力。
 
應(yīng)用場景和案例:
  •  
    現(xiàn)有競爭者的威脅:在智能手機(jī)行業(yè),蘋果、華為、三星等品牌之間競爭激烈。它們通過不斷推出新產(chǎn)品、進(jìn)行價(jià)格戰(zhàn)、提升品牌形象等方式爭奪市場份額。企業(yè)需要分析競爭對手的產(chǎn)品特點(diǎn)、價(jià)格策略、市場份額等因素,來制定自己的競爭策略。例如,某國產(chǎn)手機(jī)品牌為了在競爭中脫穎而出,不斷加大研發(fā)投入,在拍照功能上取得優(yōu)勢,吸引了眾多攝影愛好者,從而提高了市場競爭力。
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
  •  
    潛在進(jìn)入者的威脅:
以網(wǎng)約車市場為例,滴滴在市場占據(jù)主導(dǎo)地位,但如果有新的資金雄厚的企業(yè)進(jìn)入這個(gè)市場,如一些大型汽車制造商或者科技巨頭,就可能改變市場格局?,F(xiàn)有企業(yè)需要通過構(gòu)建品牌壁壘、技術(shù)壁壘、規(guī)模經(jīng)濟(jì)等方式來抵御潛在進(jìn)入者。滴滴通過建立龐大的司機(jī)網(wǎng)絡(luò)和用戶基礎(chǔ),以及先進(jìn)的調(diào)度系統(tǒng),增加了新進(jìn)入者的進(jìn)入難度。
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
  •  
    替代品的威脅:
傳統(tǒng)紙質(zhì)書籍面臨著電子書的替代威脅。電子書具有便攜性、存儲(chǔ)量大等優(yōu)點(diǎn)。傳統(tǒng)出版社需要關(guān)注電子書市場的發(fā)展,通過發(fā)展自己的數(shù)字出版業(yè)務(wù),或者與電子書平臺(tái)合作等方式來應(yīng)對這種威脅。同時(shí),也要發(fā)揮紙質(zhì)書的獨(dú)特優(yōu)勢,如收藏價(jià)值、閱讀質(zhì)感等。
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
  •  
    供應(yīng)商的議價(jià)能力
在汽車制造業(yè),汽車制造商對零部件供應(yīng)商的議價(jià)能力會(huì)影響成本。如果某汽車品牌是一家大型企業(yè),采購量巨大,它對零部件供應(yīng)商的議價(jià)能力就強(qiáng),可以壓低采購價(jià)格,降低生產(chǎn)成本。相反,如果是一家小眾汽車品牌,零部件供應(yīng)商的議價(jià)能力相對較強(qiáng),可能會(huì)導(dǎo)致汽車生產(chǎn)成本上升。
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
  •  
    購買者的議價(jià)能力:
在一些大宗商品市場,如鋼鐵市場,大型建筑企業(yè)作為購買者,由于采購量大,對鋼鐵供應(yīng)商的議價(jià)能力就強(qiáng)。它們可以通過招標(biāo)等方式,讓多家供應(yīng)商競爭,從而獲得更優(yōu)惠的價(jià)格。而對于一些小客戶,其議價(jià)能力較弱,往往只能接受供應(yīng)商提供的價(jià)格。
B端干貨|全鏈路設(shè)計(jì)的分析能力
 
 
 
總結(jié)
SWOT、波特五力分析模型與 PEST 模型相互關(guān)聯(lián)。
PEST 模型聚焦政治、經(jīng)濟(jì)、社會(huì)、技術(shù)等宏觀環(huán)境,其分析結(jié)果能為 SWOT 中的機(jī)會(huì)和威脅要素提供來源,幫助企業(yè)從宏觀層面把握外部情況。
波特五力分析模型著重剖析行業(yè)內(nèi)的競爭力量,可細(xì)化 SWOT 里的威脅內(nèi)容,助力明確行業(yè)競爭處境。
三者結(jié)合,企業(yè)能先借 PEST 知曉宏觀環(huán)境,再用波特五力把握行業(yè)態(tài)勢,最后靠 SWOT 綜合分析制定契合自身發(fā)展的精準(zhǔn)戰(zhàn)略。


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

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

鶴鶴

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

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

鶴鶴

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


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

日歷

鏈接

個(gè)人資料

存檔

北宁市| 沙湾县| 建水县| 佛学| 西乡县| 五原县| 蓬安县| 河北省| 濉溪县| 塘沽区| 临安市| 招远市| 江川县| 日喀则市| 内丘县| 如皋市| 兴宁市| 商洛市| 聂拉木县| 尼勒克县| 柳河县| 青浦区| 长丰县| 临泉县| 金寨县| 阜宁县| 浮山县| 饶阳县| 宝坻区| 麻阳| 柞水县| 通城县| 桂东县| 驻马店市| 监利县| 泗洪县| 乌拉特后旗| 石狮市| 北宁市| 乌兰县| 奉节县|