發(fā)布時間:2024-03-10 11:51:41 瀏覽量:229次
1983年,全球首臺面向個人的圖像界面計算機Lisa由蘋果公司推出。由于Lisa采用了窗口、圖標、文件夾等圖形設(shè)計,大大降低了操作門檻,打破了以往計算機因為MS-DOS命令文本用戶界面太過復(fù)雜,導(dǎo)致電腦僅能商用的局面。
具有劃時代意義的Lisa電腦
Lisa更為直觀、便捷的操作界面,讓電腦從專業(yè)設(shè)備走進了普通人的生活場景中,銷售量大增。
自此,UI設(shè)計師時代正式開啟。UI設(shè)計師的價值也被定義:視覺足夠好看,操作足夠便捷,以及創(chuàng)造商業(yè)價值。
在經(jīng)歷了2000年左右的互聯(lián)網(wǎng)爆發(fā),以及2007年iPhone發(fā)布引領(lǐng)的智能手機時代后,UI設(shè)計師逐漸成為市場上炙手可熱的職業(yè)之一。發(fā)展到現(xiàn)在,已經(jīng)歷了多次風格的更新迭代,從最初的擬物化、扁平化,到如今的二者合一,UI設(shè)計始終在圍繞“市場需求”不斷發(fā)生變化。
同時,UI設(shè)計師本身所具備的能力也在改變:過去的UI設(shè)計關(guān)注圖標、界面、功能,如今更偏向于綜合型的用戶體驗設(shè)計與創(chuàng)意視覺設(shè)計,這要求UI設(shè)計師以自身的“美學”能力解決實際產(chǎn)品中的問題,與客戶需求相融合,才能真正的創(chuàng)造價值。
在服務(wù)型IT平臺中這種感覺尤為明顯,因為要同時滿足客戶、客戶的用戶以及企業(yè)的多方需求。簡單總結(jié)就是:當啟動一個新項目時,UI設(shè)計師角色以美學視角,就用戶體驗、產(chǎn)品運營等方面提出符合商業(yè)需求的執(zhí)行方案,最終實現(xiàn)企業(yè)價值、用戶價值的最大化。
下面,通過具體的案例,以UI設(shè)計經(jīng)理的視角,來展示UI設(shè)計師在真正的項目落地中,所體現(xiàn)的服務(wù)能力。
準備:核心需求確認
一款優(yōu)秀的產(chǎn)品,可以給用戶帶來愉悅的使用體驗,包含用的舒服、自然,和高效率。要做到這幾點,需要在項目設(shè)計前,做足準備工作,其核心,就是找到不同群體的核心需求,再通過設(shè)計去滿足它。
我們把設(shè)計師的UI模型比作A,把用戶的需求模型比作B,當兩者完全匹配時,才可以高效的完成當前任務(wù),反之,則會造成沖突。無論是單一群體的C端產(chǎn)品,還是不同用戶的B/G端產(chǎn)品,都需要保證設(shè)計模型與需求模型一致。因此,通過充分的溝通挖掘需求成為UI設(shè)計師工作的前提。
內(nèi)部溝通:和項目顧問溝通,了解客戶的行業(yè)特征、用戶群體以及業(yè)務(wù)場景,客戶想通過此產(chǎn)品解決哪些問題;與產(chǎn)品經(jīng)理溝通,明確產(chǎn)品的整體架構(gòu)、客戶的需求以及產(chǎn)品用戶的需求;和部門上級溝通,通過已知信息傳達設(shè)計思路,評估其可行性。
外部溝通:向客戶闡述自己設(shè)計的源、據(jù)、果,即“為什么這樣設(shè)計”,“如此設(shè)計的根據(jù)是什么”,“這樣設(shè)計可以完成什么目標”,通過溝通與客戶的需求達成一致,避免因核心需求不明確造成的風險和成本消耗。
落地:執(zhí)行效果把控
當一個項目到了制作階段,也就進入了UI設(shè)計師的主場。作為整個設(shè)計流程的關(guān)鍵角色,UI設(shè)計師不僅要通過專業(yè)的美學能力引導(dǎo)用戶,也要跟蹤執(zhí)行效果,引導(dǎo)項目在符合預(yù)期的前提下完成落地。以我服務(wù)過的數(shù)字孿生可視化項目為例,效果把控分為UI設(shè)計、交互設(shè)計以及動效設(shè)計三部分。
UI設(shè)計
可視化設(shè)計以展示數(shù)據(jù)為核心,任何炫酷的動效都要建立在不影響數(shù)據(jù)的有效展示前提下完成。所以首先要整合數(shù)據(jù),按照主要數(shù)據(jù)、次要數(shù)據(jù);總量數(shù)據(jù)、細分數(shù)據(jù)等維度完成頁面布局。風格優(yōu)先選用暗色調(diào),讓視覺更好的聚焦且在大屏上更加柔和不刺眼。在圖表方面遵循“一眼便知”的原則,根據(jù)業(yè)務(wù)場景匹配相應(yīng)的數(shù)據(jù)圖表組合。
交互設(shè)計
可視化大屏分為2種,純展示型和展示+功能型。純展示型交互需求較少,做好數(shù)據(jù)呈現(xiàn),在大屏上展示即可。展示+功能型,包含了數(shù)據(jù)監(jiān)測、數(shù)據(jù)采集、數(shù)據(jù)對比、模型算法、分析預(yù)警等,整個框架結(jié)構(gòu)都要圍繞主頁面中的核心數(shù)據(jù)來設(shè)計,讓業(yè)務(wù)關(guān)鍵指標數(shù)據(jù)以直觀可視化的方式呈現(xiàn)出來。
可視化大屏主要面向企業(yè)的管理層輔助決策,而非廣大的用戶群體,在可視化的交互設(shè)計中,要區(qū)別于網(wǎng)頁和APP,弱化引導(dǎo)性元素,在不同頁面及功能切換時,取消“點擊進入”等按鈕,讓整個流程變得高效而便捷。
動效設(shè)計
我們都知道動效是可視化的重要組成部分,讓場景變得更有沉浸感。但過度的動效容易喧賓奪主,弱化了數(shù)據(jù)的展示。UI設(shè)計師需要根據(jù)整個頁面的風格和呈現(xiàn)效果與動效設(shè)計師完成對接,并及時跟蹤最終落地效果,確保雙方配合的統(tǒng)一性。
交付:設(shè)計還原驗收
設(shè)計稿完成切圖后,UI設(shè)計師的工作還并未結(jié)束。因為客戶最終會以上線效果審核設(shè)計師的工作。因此,為了確保上線效果和設(shè)計稿更加吻合,UI設(shè)計師需要及時與開發(fā)對接,提高UI還原度。驗收范圍包含但不僅限于:
視覺問題:間距、大小、顏色。
交互問題:按鈕hover;滾動條hover;tips氣泡寬度等。
適配問題:固定寬度和百分比寬度的適配問題;部分分辨率下無法點擊底部按鈕等。
另外,UI設(shè)計師可以將驗收流程規(guī)范化、標準化,幫助開發(fā)人員更好的提高還原度:
第一輪驗收結(jié)束,復(fù)查后整理好問題及時發(fā)起第二輪驗收,直至全部解決。全部驗收完畢后,將驗收報告抄送至相關(guān)人員。
技術(shù)在更新,需求在升級,UI設(shè)計師也要緊跟時代的腳步,通過拓寬自身的能力,學習不同的設(shè)計工具,在不同的項目中成為“魔法師”一樣的存在,用自己的美學能力,把客戶的需求變成實現(xiàn)價值的設(shè)計。以我自身為例,雖然已從執(zhí)行UI設(shè)計進階為設(shè)計經(jīng)理,在做好團隊工作規(guī)劃之余,也會嘗試學習新的技能,了解當下流行的視覺趨勢,更好的配合部門總監(jiān)帶領(lǐng)團隊成員。
產(chǎn)品始于需求,立于價值,久于體驗。滿足客戶的實際需求,設(shè)計出創(chuàng)造價值、極致體驗的產(chǎn)品,永遠是UI設(shè)計師所追求的目標。
熱門資訊
1. iPhone6的UI設(shè)計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設(shè)計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設(shè)計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
3. 移動端UI設(shè)計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計的基本知識
4. 10個免費學習UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 推薦10本適合UI設(shè)計師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學UI設(shè)計要多久?培訓完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計培訓的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設(shè)...
9. 武漢UI設(shè)計培訓班費用怎么樣?想學UI設(shè)計要多少錢?
想了解武漢UI設(shè)計培訓班的費用是多少嗎?不知道學UI設(shè)計要花多少錢?不妨看看這篇文章,了解UI設(shè)計培訓班的學費價格以及學習內(nèi)容。
10. 設(shè)計中的色彩心理學:淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
最新文章
同學您好!