ui設計篇1
(1)、界面清晰明了。允許用戶定制界面。
(2)、減少短期記憶的負擔。讓計算機幫助記憶,例:User Name,、Password、IE進入界面地址可以讓機器記住。
(3)、依賴認知而非記憶。如打印圖標的記憶、下拉菜單列表中的選擇。
(4)、提供視覺線索。圖形符號的視覺的刺激;GUI(圖形界面設計):Where, What, Next Step。
(5)、提供默認(default)、撤銷(undo)、恢復(redo)的功能。
(6)、提供界面的快捷方式。
(7)、盡量使用真實世界的比喻。如:電話、打印機的圖標設計,尊重用戶以往的使用經驗。
(8)、完善視覺的清晰度。條理清晰;圖片、文字的布局和隱喻不要讓用戶去猜。
(9)、界面的協調一致。如手機界面按鈕排放,左鍵肯定;右鍵否定;或按內容擺放。
(10)、同樣功能用同樣的圖形。
(11)、色彩與內容。整體軟件不超過5個色系,盡量少用紅色、綠色。近似的顏色表示近似的意思。
盡量考慮到使用者的感受,而不是主觀的表現。在藝術的創作過程中,實質就是對現實的審美認識與對審美認識的表現過程。
UI視覺設計也可以說是作為平面設計的一部分,也遵循平面設計的基本原則,要考慮到畫面各元素組合構成的形式與方法以及這種形式對人心理引起的共鳴。在完善這一些基本形式規律的同時,更應該注意其形式感對人的心理作用以及其表達人的感情的深與廣度,使其真正和設計的最終效果相一致,形成一個完美的、全新的整體形象。同時也要考慮到平面構成的基本形式如,重復與近似、漸變也發射、特異與對比、密集、機理等。
“以用戶為中心”的UI設計方法,以人為本的設計思路,這一點在國內也經常被提起,但在事實的操作中還有很長的路要走。例如:蘋果公司喬布斯領導研制的新一代電腦Lisa,當時Lisa電腦的設計人員就認為,必須將立即執行的命令和需要用戶附加輸入的命令分開。他們決定在后者的命令末尾添加省略號“...”,比如“Save as...(另存為...)”。這個省略號提醒人們:軟件會顯示一個對話框提示用戶輸入更多信息(暗示當前命令發生之前還有別的情況)。會立即執行的命令末尾沒有“...”。
這條規則被廣泛運用,包括菜單和按鈕。Lisa計算機以及它的后來者MAC和Microsoft,采用這條規則在細節處理上起了很大的作用。這個也是現在游戲包括很多運用軟件上上面常用的一些原則,這條規則被廣泛運用,包括菜單和按鈕。Lisa計算機以及它的后來者MAC和Microsoft,采用這條規則在細節處理上起了很大的作用。給用戶帶來了極大的方便。
當一個產品成功打入市場的時候,人們看到的是其強大的功能,上乘的質量,周密的市場策略,合適的價格定為,甚至是美觀的包裝設計,而很少有人會將親和性的界面設計放在功勞簿上。例如現在的騰訊,1997年,現在的騰訊CEO馬化騰接觸到了ICQ并成為它的用戶,他親身感受到了ICQ的魅力,也看到了它的局限性:一是英文界面,二是在使用操作上有相當的難度,這使得ICQ在國內使用的雖然也比較廣,但始終不是特別普及,大多限于“網蟲”級的高手里。
1999年2月,騰訊在互聯網上推出OICQ的第一個測試版本包含的功能十分簡單,僅僅只包括簡單的在線即時通訊功能,但其界面設計令人稱贊不已,事實上,盡管到現在為止,騰訊已經先推出十來個版本以上的QQ軟件,但其界面仍然沒有任何改變,這表明,從一開始,騰訊OICQ軟件的界面設計是十分合理的。
當騰訊推出QQ之前已經有了很多的類似的及時通訊軟件。而騰訊的騰訊QQ在功能上面也沒有什么特別之處,那么很多人一直在質疑,為什么QQ能夠力壓群芳,最終幾乎接近壟斷中國在線即時通訊軟件市場?從功能上說,一直以來QQ并沒有什么特別之處,但相比之下,其它在線即時通訊軟件也沒有什么特別之處,大家都是模仿ICQ。但QQ之所以能夠取得成功,原因不在于它的功能如何強大,而在于它的界面設計的十分合理,用戶操作簡單,相比較和QQ同時代的其它在線即時通訊軟件,如Sina pager、OMMO等,它們一開始的功能并不弱于QQ,特別是OMMO,其在一面世就推出了比QQ強大得多的功能,如電子郵件、網絡硬盤,過多的功能反而讓使用者覺得操作十分煩瑣,這是它之所以失敗的重要原因所在。其后幾個月,騰訊推出OICQ 99a,先后新增了公共聊天室、傳送文件、無線尋呼、手機短訊、語音聊天等,并且在這個版本里面,騰訊還做了另外一個大動作,那就是把唐老鴨、加菲貓、Kitty貓、皮卡丘、大力水手、湯姆貓、藍精靈、史諾比、刺猬索尼克等知名熟知的卡通肖像換掉了,換上了騰訊自己設計制作的卡通肖像。令人吃驚的是,在騰訊新增了這么多功能后,OICQ的界面仍然沒有任何改變。其合理的設計、良好的易用性、強大的功能,穩定高效的系統運行,贏得了用戶的青睞。
毫無疑問,UI設計優勢在產品競爭中扮演的重要角色是無庸置疑的,但是,這種優勢實現和意識都是長期性的,而非短期行為。他意味著需要相當長的時間讓客戶了解到,但是一旦形成此種心理上的優勢,就會在很長的時間內存在,會將易用的心理暗示代入整個產品的后續開發甚至整個品牌。
當一個產品成功打入市場的時候,人們看到的是其強大的功能,上乘的質量,周密的市場策略,合適的價格定位,甚至是美觀的包裝設計,而很少有人會將親和性的UI設計放在功勞簿上。UI設計所倡導的是可用,易用,然而在消費者心中可用,易用是理所當然的。而設計師所應該做的就是默默的為人類服務。
技術是有局限性的,而設計師的思想是無限性的。完美的UI設計能給技術很普通的產品帶來質的飛躍也能給企業帶來意想不到的收獲。這一切都是基于一個目標,以人為本,服務社會。
參考文獻
ui設計篇2
一、“UI”設計的發展現狀
“UI”是英文UserInterface的縮寫,意思是用戶與界面的關系,通過字面意思理解,我們不難看出UI設計與電子計算機技術之間的密切關系。UI設計需要通過計算機實現設計目標,通過用戶與計算機界面進行視覺交流,根據設計者的意思,進行平面設計。隨著社會經濟的發展,科學技術的進步,尤其是計算機技術的進步,讓UI大規模推廣成為可能,人們在進行平面設計過程中,利用計算機技術,更加有利于設計工作的完成。UI界面設計漸漸發展成為一門獨立的學科,成為一種新門類的設計藝術。通過對UI的研究和分析,人們發現將UI設計應用于現代藝術設計課程教學當中,對促進這一學科的發展來說,具有重要意義。UI通過利用計算機技術,可以從事專業化的藝術設計,并且可以對對象實體、環境以及對象信息進行綜合分析,從而完成藝術設計。綜合UI設計的優點,將之應用于現代藝術設計課程教學當中,可以促進學科朝著專業化和科學化方向發展,同時也可以將UI設計理念傳授給學生,開拓學生藝術設計領域專業知識,使學生掌握專業化知識,更好應用于現代化藝術設計領域,對促進學生全面發展來說,具有重要意義。
二、“UI”設計應用于現代藝術設計課程教學中的重要性
(一)實現藝術設計的商業化發展目標
UI設計結合計算機界面,實現藝術設計領域變革,更好促進了藝術設計的發展。UI通過建立一個美好的設計界面給用戶帶來舒適的視覺享受,為用戶設計出具有商業價值的產品打下堅實的基礎。UI界面設計與美術繪畫具有一定的共通性,它可以輔助美術繪畫,使美術繪畫具備商業價值,提高作品經濟性,同時,利用計算機軟件進行藝術加工,使藝術作品與現代藝術相融合,滿足社會發展需要。在進行現代藝術設計課程教學時,通過“UI”設計使現代藝術教學理念與當下藝術商業化發展模式相結合,以專業性和科學性促進藝術應用領域發展,滿足社會對藝術人才需要,也為學生日后就業打下了堅實基礎。所以說,將UI設計與現代藝術設計課程教學相融合,不單促進了學科的發展,更為商家創造了賣點,也為現代藝術專業提升了就業機會,實現了藝術設計的商業化發展目標。
(二)提高藝術作品競爭力
當下學科發展,隨著社會經濟發展,也將面臨著日益激烈的競爭?,F代藝術設計學科的發展,其根本動力在于是否能夠滿足當下社會經濟發展需要,為社會經濟發展帶來一定推動力,否則的話,對社會經濟發展沒有任何作用的學科,將會被社會所淘汰。現代藝術設計課程教學將UI設計融入教學工作當中,以UI設計促進學科發展,有利于提高藝術作品的競爭力,滿足社會經濟發展需要,提升學科競爭力,實現學科更好發展。UI設計將平面設計與二維電腦設計結合,體現出UI設計的社會重要性,并且經過計算機技術處理后,藝術作品的商業化價值不斷提升,為現代藝術設計提供了發展動力。UI設計提高藝術作品競爭力,還表現在界面設計的豐富性和多樣性兩個方面,如數碼產品、手機的界面,給人一種較強的視覺美感,使現代平面設計與商品化經濟發展形勢緊密結合,實現了現代藝術的發展和進步。
(三)促進現代藝術設計多樣化發展
如今,藝術設計不單單局限于紙面上的美術繪畫,它的發展已經呈現出多元化的發展模式。除了電子產品的界面設計,藝術設計還體現在了網頁設計這一方面。網頁設計是現代藝術設計商業化價值體現的另一個方面,它與數碼科技的現代化藝術設計重要性一樣,都表現在“價值”上,這也是現代藝術設計課程能夠發展的關鍵。UI設計應用于現代藝術設計課程中,可以更好地幫助學生理解網頁設計理論和設計方法,并且通過友好的界面進行實際操作,從而提升學生的實踐動手能力。UI設計是集設計與計算機技術于一體的新門類設計,它介于二者之間,應用UI設計,可以更好地幫助學生掌握理論知識,并且實際的動手操作,也將提升學習的學習興趣,從而達到發揮學生主觀能動性的目的。
(四)實現學生的全面發展
一名合格的現代藝術設計師,不單單要具備藝術審美能力、繪畫能力、設計能力,還要具備一定的專業能力,能夠將所學知識與社會發展需要有機結合,為社會發展創造更大的價值。UI設計更注重于專業性和實踐性,它應用于現代藝術設計課程教學,可以讓學生更好掌握理論知識,同時讓學生朝著專業化方向發展。在設計行業里,設計工作更傾向于實際操作,單純的理論基礎無法滿足社會發展需要,只有通過實踐動手操作,將理論轉化為現實,才能實現最終價值。利用UI設計理念,通過系統的設計現代藝術設計課程,幫助學生掌握專業化知識,具備較強的審美能力,并且能夠進行作業實踐,利用軟件進行實際設計,將促進學生更好發展,為日后有一個不錯的工作打下堅實基礎。所以,注重UI設計在現代藝術設計課程教學中應用,改變傳統教學模式,將極大提升教學效果,促進學科發展和學生的全面發展。社會經濟的發展,商業化價值的實現對現代藝術設計的發展有著巨大影響,傳統的教學模式已經無法滿足當下社會發展對藝術設計人才的需求。所以,在這樣的背景環境下,轉變觀念,進行教學體制改革,應用UI設計,促進現代藝術設計課程發展,就顯得尤為重要。
ui設計篇3
關鍵詞:設計心理學;UI設計;注意力;選擇
中圖分類號:J504 文獻標識碼:A 文章編號:1005-5312(2015)06-0167-01
一、UI設計的概念
UI即User Interface(用戶界面)的簡稱。UI設計通常是指對軟件的界面美觀、人機交互、操作邏輯的整體設計。而隨著信息技術的發展,UI設計所涵蓋的范圍越來越廣泛,廣義上的UI設計又包括了GUI(圖形用戶界面設計)、WUI(網頁界面設計)、MUI(移動設備界面設計)等等。
二、設計心理學的概念
設計心理學就是是建立在心理學基礎上,是把人們心理狀態,尤其是人們對于產品需求的心理。通過意識作用于設計的一門科學。它同時研究人們在設計創造過程中的心態。以及設計對社會及對社會個體所產生的心理反應,反過來再作用于設計,讓設計更能夠反映和滿足人們的心理。設計心理學屬于心理學延伸到設計藝術領域的應用心理學范疇。一方面設計心理學具有心理學的基本屬性,即科學性、客觀性和驗證性;另一方面又包含設計藝術領域的藝術性、人文性。
三、設計心理學在UI設計中的應用
如今在一些常見的網頁界面或APP界面的設計案例中,我們會發現這樣的現象,設計者為了滿足用戶的功能需求,恨不得將網站或APP中所有的功能,通過文字或圖形擁擠地羅列出來,以吸引用戶點擊。但是,臃腫繁復的功能羅列往往讓用戶眼花繚亂,不僅失去了界面所要體現的重點,更給用戶造成了的嚴重的視覺負擔,影響了注意力的集中。
在心理學中,“注意”是用來描述和解釋集中和轉移的心理現象。注意的功能在于把認知過程對準外部刺激,因此能收集有關信息。視覺注意類似于一個可調節的聚焦燈,但區域外的刺激有時也會被加工。視覺注意是指向物體或對象的,而不是視覺環境中的特定區域。在某種意義上,藝術設計其實就是競爭注意的行為。如果在琳瑯滿目的貨架上,你的設計不能引起人們的注意,一切設計就將失去意義。
“注意”意味著心理努力集中于某一刺激而排除其他無關刺激的能力。而注意力轉移,即從一個刺激移動到另一個刺激,并不是由刺激單獨決定的,認知或意識的參與,決定轉移的時機和方向?!白⒁狻背诉x擇性和可轉移外,還可以分配,即分成許多成分。注意的本質在于它具有選擇性。
人貪圖有更多的選擇,而當人面對大量的選擇時,注意力會被麻痹。
心理學上有個著名的“果醬實驗”,由斯坦福大學的研究員希娜?艾揚格實施。她以兩個果醬攤位作為實驗地點,試圖了解人們如何做出選擇。在一個攤位上,她放置了6種果醬,而在另一個攤位上,她除了放置剛才的6種果醬,又增加了18種,也就是共24種口味的果醬。并讓顧客試吃。后來實驗結果為:在24種果醬的攤位,停下來試吃的顧客有60% ,但購買率只有3%:而在6種果醬的攤位,停下來試吃的顧客有40%,購買率卻高達31%。放置24種果醬的攤位雖然吸引了更多的顧客,但最終購買果醬的人卻較少。大多數人因為口味太多而無從選擇,最后干脆一瓶都不買。
這個實驗說明:當人們有太多選擇時,注意力嚴重地受到了影響,甚至感到厭煩,最后可能什么都不選。
應用這則心理學規律,設計者在UI設計中。更需注重界面的清爽簡約,重點突出主打選項,弱化次要選項,做到主次分明,保留產品的關鍵點和特性,正如人們常說的“紅花配綠葉”,也就是對內容進行有抑有揚的對比處理,通過對比的手法能夠讓信息量在視覺上“顯得”比實際上少。讓界面布局錯落有致、有強有弱,主次分明,用戶就更加容易把握界面的整體結構,從而盡快找到自己所需要的信息,就好像報紙上有頭條新聞和各種大小標題一樣。這些變化能夠減輕用戶的視覺壓力,讓用戶瀏覽界面時更加流暢、順利,并獲得更加舒適的心理體驗。
通過對界面內容的主次與強弱處理,還可以引導用戶的注意力焦點。比如有些網站界面或手機應用界面常常把“點擊購買”的按鈕設計得很大很醒目,位置很顯眼,就是有意地吸引用戶的注意力,引導用戶點擊,從而進一步產生經濟效益。
在信息技術飛速發展的今天,電子數碼產品必將更加深入地影響人們的生活方式,隨著生活水平的提高以及市場競爭的日趨激烈,人們已經不再滿足單純的功能需求,而是越來越注重人機之間舒適的心理體驗,將設計心理學規律應用在UI設計中,才能設計出和諧、美觀、令人愉悅的人機界面,增加客戶的接受心理并提高使用效率,從而會提升產品的核心競爭力。
參考文獻:
[1]趙江洪.設計心理學[M].北京:北京理工大學出版社,2010.
[2]劉澄.探析數字產品界面中的設計心理學因素[J].藝術與設計(理論),2011.
[3]龍泰.能讓UI設計顯得更簡約的小技巧[EB/OL].http://geekp-
ui設計篇4
關鍵詞:UI設計;色彩;視覺思維
從設計的角度來說,每一種顏色都是一種主觀事物,[1]不同的顏色可以喚起人們不一樣的情緒反應,這種反應與人們的成長經歷、文化教育背景等有一定的關聯。對色彩的色相、明度或飽和度進行調整,都會給用戶帶來不一樣的視覺感受。
1 UI設計的概念
UI(User Interface)設計的工作內容主要分為用戶研究、界面設計與交互設計三種,這三種內容既有分割又有密切的聯系。在UI設計中,主要包括UI設計風格與構圖、UI設計色彩因素、UI設計圖形語言、UI交互動畫設計以及UI設計的視覺層級關系五個方面的內容。在UI設計的內容中,色彩因素十分重要,它可以有效提高用戶的使用率,在一定程度上增加系統的使用及應用價值,使媒體程序更加多元化。
2 色彩的感知及影響因素
對色彩的感知是人們進行視覺思維的主要因素之一,是人們通過眼睛與大腦對生活中感知到的物體所產生對光的視覺效應。在進行設計時,所針對的對象就是用戶,應該從用戶角度出發去考慮設計因素,產品的整體設計要達到滿足用戶需求的目的。只有理解了客戶的視覺思維、視覺行為習慣等,才能進行基礎的用戶交互式體驗設計。只有了解了用戶的普遍可能性,才能設計出用戶需要的產品??梢钥闯?,視覺思維在進行交互式體驗設計中的地位十分重要,是進行人機交互不可缺少的前提條件。
在進行現代交互設計時,設計師對色彩進行合理的搭配使用,可以有效地幫助用戶快速對按鈕、圖片等內容進行查找。而且對色彩的合理使用還可以更加有效地對信息進行組織處理,將較為龐大的屏幕信息進行適當的歸納。色彩感知作為人們視覺思維的一部分,主要依賴于用戶的自身感知,會根據用戶自身的興趣愛好、文化、地域等因素發生一定的變化。在進行UI設計時,也應該對這一部分因素進行考慮。也就是說,主要對色彩感知產生影響的包括用戶自身對色彩的本能感知與用戶對色彩產生視覺習慣的思維型感知兩大類。
2.1 用戶自身對色彩的本能感知
用戶自身的本能感知屬于先天性的感知能力,這種能力具有一定的局限性,也有很大的優勢。對周圍環境及事物進行觀察是人的一種本能體現。在進行UI設計時,避免用戶對色彩感知的劣勢是主要考慮的因素。用戶對色彩進行感知一般取決于物體與光波間的交互,如大部分的光都可以透過透明物體一樣?,F在我們常用的屏幕以LED屏為主,這些屏幕的材質主要以半透明體為主,只能透過少部分的光,如果光波遇到了不透明的物體就會進行反射。也就是說,我們所看到的物體色彩主要與反射波的頻率有關。在UI設計中,物體以及電子屏幕的色彩都與光遠以及反射光的性質有關。不同環境下,對電子熒屏的感知色彩也會有所不同。一般情況下,大部分的用戶都對色彩有共同的一個感知范圍,在這個范圍內,人們會對色彩有共同的認識,但是色盲除外。因此在進行UI設計時,要對這類人群的情況進行適當的考慮。
2.2 用戶對色彩視覺習慣的思維感知
用戶對色彩視覺的客觀習慣也是在進行UI設計時需要重點關注的問題,如用戶的性別、年齡、教育文化背景、情感因素、眼睛疲勞程度等。不同年齡層次的用戶對色彩的喜好有著較大的差異,如年輕人喜好亮麗的色彩,老年人偏愛穩重的色彩等。[2]用戶眼睛的疲勞程度會隨著年齡的增加而減退,不同文化背景的人對色彩也有著不同的認識,因此在進行視覺UI設計時要注意UI的個性化設計。
3 UI設計中色彩的運用
3.1 色彩在視覺UI設計中的作用
在進行UI設計時,對色彩進行適當的運用可以使用戶更加順利地找到需要的信息,因此在UI設計中選擇合適的色彩十分重要??梢栽诮换ピO計中根據分類區別于聯系、理解與回憶、搜索等三方面來對色彩進行使用,提升目標任務。
滿足分類區別于聯系,可以增加自定義結構及子系統、色彩編碼的維度,使用色彩創建更加完整的結構以及子結構系統,使用戶在色彩的幫助下更加有效地對事物進行分組,同時還不會對其內在的關聯造成影響。對邏輯性較強的信息進行整合時,色彩也可以起到一定的作用。例如,將簡單易懂的色彩編碼進行使用,可以幫助用戶對較為復雜的事物進行聯系,達到快速了解并使用的目的。
適當色彩的使用可以減少用戶在使用產品時對操作不理解的情況,還可以有效地將人們的視覺以及感知系統進行結合,更有效地傳達信息,盡可能地減少用戶在理解上的誤差。[3]色彩也可以幫助人們產生與色彩相關的聯想,因為許多事物都在一定程度與某種顏色存在關聯,用戶可以通過這一內在的關聯對系統中的信息進行識別。
對色彩的明度、飽和度、對比度等進行適當的調試,可以使UI中的目標展示出不同的效果。例如,在進行UI設計時,可以將有關聯的內容使用相似或相近的顏色進行表示,方便客戶篩選使用。
3.2 色彩在UI設計中的運用
色彩可以使人們從視覺上產生一定的情感,也在人類的歷史發展進程中擔當著不同的使命以及象征。我們一般將顏色分為暖色與冷色。暖色包括紅、橙、黃這三種顏色以及這三種顏色結合而成的顏色。研究發現,暖色系的顏色象征著激情、活力、積極,給人以溫暖的感覺。在進行UI設計時,一般使用紅、橙、黃這三種顏色來表達激情、快樂的基調。而且對暖色系的使用可以加強人們的食欲,很多餐飲品牌都使用了這些顏色。暖色也存在一定的消極影響,暖色的使用會在一定程度上加快人們的心跳,長時間將視線停留在暖色調上會引起人們焦躁的情緒,因此在醫院的色彩裝飾中不會出現暖色基調,特別是對紅色的運用。冷色調包括藍、綠、紫。與暖色調對比來說,冷色調的視覺強度相對較弱,會給人放松、舒適的心理感受。藍色屬于三原色的一種,可以給人嚴謹、專業的感受,因此高科技型的企業一般都會選擇使用藍色作為標準色彩。綠色則給人一種自然、清新的心理感受。紅色較艷麗,能準確抓住大眾的眼球。在UI設計中,紅色被設計師運用得非常普遍。
4 結束語
色彩影響人類的視覺思維,在UI的設計中非常重要,直接影響著用戶的視覺感觀。用戶的交互體驗是由UI設計師對色彩應用所表現而出的。現今,有許多UI色彩交互設計師可靈活搭配色彩。在手機或電腦上運用交互搭配可使用戶順利找到按鈕、圖標等,讓用戶擁有全新的感受。此外,合理運用色彩可有效地整理、組織信息,有利于用戶歸納屏幕上的信息。不同的對比度、色彩飽和度以及色彩明度,可以通過調試手機或電腦等電子產品屏幕中的各種目標,以不同的效果展現出來,從而表達出所要傳達的信息。
參考文獻:
[1] 張美珍.淺析色彩在UI設計中的應用[J].設計,2014,8(7):97-98.
[2] 何浩.基于色彩心理學的UI設計研究[J].中國新通信,2015,12(9):11.
ui設計篇5
董景博10年前就覺得UI設計是個很有潛力的職業,現在,他仍然自信地說“在國內,UI設計才剛剛開始”。他是國內一個UI設計者論壇——Iconfans的創始人,也是北京服裝學院UI設計課的代課教師。
UI設計,是指對軟件人機交互界面的整體設計。就拿我們用得最多的一些軟件來說,瀏覽器的皮膚用什么主題,播放器用什么圖標,網頁用什么色彩,這些都是設計師勞作的結果。在智能手機上,我們看不見各種App后臺程序的編碼,卻能對UI設計師設計的圖標一目了然。
UI設計是軟件開發始終離不開的行業。隨著軟件開發的從業者越來越多,UI設計師也成了職場新貴?!都~約時報》曾報道說,UI設計師已經成為蘋果、谷歌等全球知名企業招聘最熱門的崗位;智聯招聘光是北京地區招聘UI設計的信息,有3200多條,而前程無憂上全國范圍內則出現了將近16000條,大部分還有長期有效、長期招聘等字眼。
“只要電腦、智能手機一直存在,UI設計就會一直發展。”董景博說。目前的形勢似乎越來越讓他滿意,一些導航系統、地鐵售票機、銀行取款機甚至一些可穿戴設備都需要人和機器互動的界面,這給UI設計帶來了更多的發展機會。
UI不再陌生
作為國內較早走上UI設計道路的設計師,董景博見證了這個行業在國內的發展。2004年,董景博到新浪UC做UI設計,UC是新浪推出的一款即時聊天工具,董景博主要做軟件的皮膚設計。這期間他參與了UTalk(游戲語音軟件)從無到有的全部過程,目睹了軟件開發的整個流程,這成了他UI設計道路的起點。
其實,UI設計早在2000年就傳入國內,但是當時人們并不將它稱之為UI,而是平面設計甚至美工。那時候,金山軟件成立的人機界面組,團隊只有2個人。后來一些IT行業的公司紛紛設立UI設計崗位,一時間,軟件管家、瀏覽器、播放器、下載軟件等PC軟件上出現了競爭,這種競爭使得UI設計師成為當時招聘最多的人才。但這些招聘都是針對PC,鮮有針對移動設備的,因為當時非智能手機大部分是單色的,手機系統并沒有留給設計師們發揮的余地。2003年,多普達了國內第一款使用Windows Mobile 2003 PocketPC 系統的智能手機,設計師終于能在上面做點東西了,因而這款手機被董景博稱為“當時最牛的手機”,“后來,不管是蘋果手機還是彩屏手機,大家都考慮怎么給上面的應用做設計?!?span style="display:none">RbX萬博士范文網-您身邊的范文參考網站Vanbs.com
Iconfans的標簽
到2007年,董景博覺得UI設計這個領域已經有很多人關注了,但是缺少一個大家互動交流的社區,因此他一個人“背了一些書,找了一個地方,請了一些人,做了一些活動,做成了一個論壇”。這一年,旨在為設計愛好者提供交流和學習的網絡論壇Iconfans上線。盡管Iconfans是一個“沒怎么花錢”的網站,但他在朋友的介紹下,很多的設計師開始在網上曬出自己的作品,并相互交流和評價,一時間一大批一流的設計師在此匯集。
Iconfans聲名鵲起是在2008年,在這年的國際GUI冠軍賽中,Iconfans團隊獲得全場最佳團隊銅獎,論壇人氣暴漲。但當時只有一定水平的設計師通過邀請碼注冊才能成為論壇的會員,這影響了設計愛好者們的交流,最終論壇對所有人開放,并且開設了作品展示、經驗分享、設計活動、招聘信息等平臺。
“對初學者來說,Iconfans是一個 '最真實、最無私' 的團體,很多資深設計師會在忙碌之余,給新人們提供教程,并提供一些意見。”知乎網上有網友這樣評論Iconfans。
“國內不少一流的設計師都多多少少帶有Iconfans的標簽?!庇性O計師這樣說。在網上,Iconfans被縮寫成了If,If成了設計師圈子里不可忽視的符號。
目前,Iconfans的合作方正在逐漸增多,小米是最具代表性的一個。小米為了優化和開發Android系統,與Iconfans合作,企圖打造一個以設計師為中心的主題開發市場。2014年,董景博“花了7位數的錢”購入域名UI,因此,外界猜測UI行業將會有更大的動作。
對于外界猜測,董景博笑了笑說:“號稱是這樣的?!?span style="display:none">RbX萬博士范文網-您身邊的范文參考網站Vanbs.com
贏未來 UI設計師跟程序開發者是怎么合作的?董景博 設計師跟程序員合作,這主要靠一套規范。Android系統和iOS系統都有自己的設計規范。設計師做出貼圖和設計,提供給開發者用,同時要跟開發者溝通,哪些圖標能貼,哪些不能貼,貼哪里,尺寸和間距等問題都要溝通。實際操作中,大家基本上都使用同一種規范,不過為了更好地配合開發者,我們要求設計師要知道更多的規范。
贏未來 你有沒有跟程序開發者合作不好的例子?
董景博 設計師跟開發者合作不好的情況非常多。我們曾經為遨游科技開發過一個產品,做的設計圖已經達到非常滿意的狀態了,我們就把圖交給開發者,可是開發者并不重視這些細節,他只要軟件的功能實現就完事了,結果這個產品就很不成功。這也要看開發者個人,有些開發者重視設計,有些公司也很關注這些細節,但有些開發者并不在意設計這方面的東西,這樣的話出錯的情況就很多。
贏未來 作為資深的UI設計師,你覺得目前國內UI設計師的需求有多大?
董景博 目前Iconfans只有9萬個會員,我估計國內從業者最多也就20萬個,這個行業需求非常大。我們都了解谷歌的應用市場,也了解App Store ,App Store 去年就有1000萬個應用,今年肯定會突破1000萬,這么多應用,它的開發者都需要設計師幫忙。有些應用是簡單的工具,無所謂設計,那我去掉一半也有500萬個應用,每一個應用都需要設計師去做,因此UI設計師的需求非常龐大。
贏未來 要成為一個優秀的UI設計師,需要具備哪些條件?
董景博 一般人只要做幾個簡單的圖形界面,就可以稱為設計師了,但是如果想要成為一個優秀的設計師,需要具備以下幾點:
首先從平面的角度來講,設計師要了解構圖和信息傳達,因為不管在PC上也好,手機上也好,都是一個信息傳達的過程,如何讓用戶更快地了解你做的產品,這是首先要考慮的;另外,對色彩要有很好的識別度和感覺。
ui設計篇6
關鍵詞:UI設計;用戶體驗;發展變化
檢 索:.cn
中圖分類號:J0 文獻標志碼: A 文章編號:1008-2832(2015)05-0048-03
Follow the Form of Experience, a Brief Analysis of the Design of Visual Performance UI
HAN Jun, MIAO Meng-yu(Tianjin University of Technology College of Art, Tianjin 300000, China)
Abstract :In the network era, with the continuous development of art and technology, living environment has become more and more intelligent, UI design as a bridge connecting the user and the product, its role is more and more obvious; at the same time, the user experience to bring the intelligent network, convenience and wonderful, intelligent demand of users greatly excited. Based on the analysis of the user itself, UI design visual performance changes in the development of contemporary life in the rapid development from the perspective of the user experience, promote UI design visual performance from the function to the deeper development of humanistic care.
Key words :UI design; user experience; development and change
Internet :.cn
一、UI設計的發展氛圍
UI全稱是User Interface,也就是用戶界面,那么UI設計簡而言之就是連接產品與用戶之間的使用界面的設計,是二者溝通的橋梁。UI設計是伴隨著科技發展所產生的新興設計門類,由于網絡不斷的普及與擴張,“信息社會”悄然而至,智能產品更多的融入人們的日常生活,人們在不知不覺中與界面的接觸越來越頻繁,由最初的電腦擴展至現在的智能手機、公共設施的應用平臺以及高級家用電器等,并不斷有創新產品的涌現。例如一款在美國紐約街頭已形成風潮的“杯子蛋糕ATM機”(圖1-2),受到市民的一致喜愛,不僅可以提供5種口味供市民選擇,而且能24小時營業,打破了店鋪銷售在時間與人員因素上的限制,讓服務更便利。韓國的設計師也提出了全能砧板(如圖3)這個有趣的概念,除了作為砧板切菜以外,它能直接顯示食譜和詳細的步驟指導,并且能夠給食材稱重量,甚至能檢測清洗食材時的干凈程度,避免交叉污染或食物中毒,將砧板的功能多樣化且智能化,使之從一種簡單的使用工具變成能夠給用戶提供服務和有效反饋的幫手。
智能化的生活產品越來越豐富,究其發展原因,不僅是科技發展帶來了技術上的可能性;也是人們對現代生活更效率化、人性化需求的體現,使用戶在使用產品的過程中,對時間的利用上,空間選擇上不必像以往那么受到局限,同時也開始逐漸注重自身的參與感和產品體驗的滿足感,尋求對功能性滿足之上更深層的心理滿足感,也許用戶自己都沒意識到,在體驗到網絡化智能化在電腦和手機上帶來的便利與精彩后,人們的智能需求得到了極大的激發,對簡潔、美觀、易操作,用戶體驗良好的UI設計越來越重視;這也使得UI設計從最初的“形式追隨功能”向“形式追隨體驗”轉變。
二、“形式追隨體驗”的本質
那么何為體驗?體驗是用戶在使用一個產品過程中,建立起來的純主觀的感受,例如生理習慣、心理印象、內心情感等方面。用戶是體驗的主體,也就是說“形式追隨體驗”要從用戶出發,其本質就是以人為本、以用戶體驗為中心;這要求在設計時始終從用戶的使用習慣、主觀感受和視覺體驗出發,將單純功能性體現、需要用戶去被動接受和適應的產品設計,轉變為主動支持用戶的產品設計。
ui設計篇7
關鍵詞: UI;信息系統UI設計;用戶體驗
JefRaskin說過:在你使用工具完成任務的過程中,你所做的操作以及工具的響應,這些結合起來構成了界面。一個好的信息系統界面不是設計的美倫美奐,用了各種精美的圖標、界面上擺滿按鈕和菜單,而是不但要好看,更是要好用,要充分考慮用戶和系統之間的交互情況,能夠給予用戶便利易用的良好體驗。
以用戶為中心的信息系統界面應該具備能用、會用、好用、快用4個特點。
1)用戶能用:界面上的所有功能鍵都正常使用,不會報錯,功能滿足對應的用戶的需求,用戶可以使用本界面完成需要操作。
2)用戶會用:界面不會讓用戶產生陌生感,不會因邏輯、層級或者界面表達導致用戶不會操作,誤操作,繁復操作。
3)用戶好用:架構清晰合理,一目了然,用戶知道在哪操作,功能簡便流暢,界面美觀,使用舒適,不會產生疲勞厭倦。
4)用戶快用:操作要便捷,執行速度快,服務響應及時,在用戶心理接受范圍內完成操作。
要實現用戶能用、會用、好用、快用的良好體驗的信息系統界面,在UI設計上需要貫徹以下幾個原則:
1)明確系統需求。進行UI設計首先是確定清晰的任務和目標。要與用戶進行深入詳實的交流,進行需求調研,把握住系統的方向,了解系統需求,明確所有需實現的功能,以及與界面的關聯。制定出詳細的實施計劃,并規定UI設計規格。在設計上要充分考慮用戶的需求,方案可與用戶進行溝通,多征求用戶意見,此時多做規劃會減少后期大量的工作量。
2)優化交互界面。界面設計的交互性很重要,用戶能不能用好系統,很大程度依賴系統的交互設計。如同兩個人之間一對一的交流對話,想溝通順暢,就要遵循著對方的交流習慣。在設計上遵循用戶的交互習慣和方式是實現良好交互性的關鍵。比如功能的擺方位置,界面邏輯等等。在界面設計上,要友好易用,不要為用戶增添不必要的工作,盡量在系統后臺處理。對于提示說明,要明確,符合邏輯,避免誤導用戶。
3)引導用戶完成操作。界面的設計需要讓用戶能夠自如的無障礙的進行操作。重點體現在界面上的導航與標識的設計,很多時候導航就在充當標識。標識協助用戶得知當前的位置,處于什么情況,要進行什么操作,下步工作是什么,而導航則引導用戶一步一步的進行操作。在設定導航時要分析用戶的操作步驟,完成路徑規劃,區分權限對應的導航層級。標識一般包括圖標、按鈕以及文字。標識應該與界面整體風格保持一致,簡潔明了,并清晰的反應出所標識的含義,為用戶起到指引作用,并且是大家約定俗成的方式,比如垃圾箱的圖標體現的就是刪除的意思,灰色的按鈕一般為不可點擊等。
4)視覺風格一致。界面保持盡可能少的格式樣式,風格、文字、圖標、按鈕等等都盡量保持整體性。根據用戶需求和使用習慣來設計界面風格、框架以及布局;信息系統的界面以大方簡潔為主,盡量少用不同色塊,一般不超為4種為宜;統一文字的字體、顏色以及大小,語法和描述盡量簡潔清楚;按鈕等操作符風格保持統一,圖片顯示形式、清晰度、裁剪大小保持一致??丶念伾⒈尘?、大小等也保持一致。
除了以上四個基本原則,UI設計上還有幾個需要注意的問題:
1)在不同的環境反復測試。由于顯示器、顯卡等電腦硬件問題,不同機器上顯示的色彩是不同的,應改在多個不同顯示環境下進行測試,選取在大多數顯示環境色調都合適的顏色方案進行使用。此外,因為計算機顯示器大小和比例不同,界面最大化的顯示也不相同,在進行界面設計及布局時要充分考慮這個問題,以滿足大部分顯示環境為易。
2)檢驗窗口縮放時的布局顯示。要考慮窗口縮放時界面不會出現顯示不完全,或比例失調的問題??刹捎霉潭ù翱诖笮』蛟O置等比例改變。另外,在界面初始化時的大小,應該根據具體情況進行設計,比如小尺寸的功能沒必要以全屏幕顯示,大尺寸的功能超過顯示器屏幕顯示尺寸,應加入滾動條等設置。
3)界面布局設計的規則。界面布局一般遵循:窗口的位置和對齊方式要保持一致,每個相似窗體沿用同種布局、字體和顏色;界面整體操作方式保持一致,如添加信息都點擊添家按鈕進行添加,用同樣的按鈕代表顯示;欄目的級別一般不超過三級,用戶瀏覽哪一層級都應該可以獲得而頁面路徑,欄目的題目與內容想關聯;窗體打開一般盡量少打開新窗口;常用的按鈕可支持快捷方式操作,系統具有默認處理走向的默認按鈕,在用戶敲回車鍵時可快速執行操作,并且操作可以還原;瀏覽點擊過的內容顏色可以產生變化,以區分未瀏覽內容;在整個交互的過程中,都要可以識別鼠標操作,鼠標右鍵能彈出快捷菜單等等。
4)顏色使用的規則。一般來說,信息系統適合用簡潔干凈的顏色,同色系的過渡色使用起來即不會顯得突兀,又增加了層次感。而一些造成強烈反差效果的顏色,適合用于特殊意義或警示,比如一些無法撤消的操作,以特殊的顏色提醒用戶操作時多加注意。顏色也可以劃分結構,用不同顏色的文字來顯示不同功能功能,能視覺上清晰的分割作用??傊褂妙伾裱藗兊乃季S邏輯和使用習慣。
1)設置出錯信息。在界面設計中,應首先考慮盡量減少用戶在使用過程中出現錯誤,在操作中讓用戶能看出如何做出正確操作,并且對于可能出現的錯誤予以警示。在用戶出現錯誤時,不應該只告訴用戶無法完成和操作失敗,而是應該明晰錯誤的含義,給出用戶如何解決問題、正確操作的建議。
2)適當給予提示及幫助。在特殊操作和功能界面上加入提示,必要時加機幫助。提示要站在用戶的角度,以簡明的描述告訴用戶當前功能的情況、注意事項以及如何處理。沒必要的提醒不要出現,會引起用戶的邏輯偏差,不但不是對用戶的細致的關懷,還對用戶造成了擾亂。聯機幫助作為輕型的幫助文件,要有清晰的分類和索引,語言要簡潔明了,通俗易懂。
信息系統的UI設計工作貫穿整個開發周期,在需求與設計階段,需要分析了解用戶需求,提出UI設計方案,在實施過程需要與程序開發人員共同協調進行,在后期也會根據用戶的需要再進行完善調整。可以說,UI設計融合了計算機技術、工業產品設計技術、美學、心理學等多種元素,是用戶了解系統的門戶,也是用戶與系統直接交互的橋梁。企業從戰略角度和長期利益出發,做好以用戶為中心的UI設計是非常有必要的。
參考文獻:
[1]UI群英匯用戶體驗交互視覺設計方法論,徐海波等,清華大學出版社.
[2]用戶體驗要素:以用戶為中心的產品設計,加瑞特(著)、范曉燕(譯),機械工業出版社.
[3]潛移默化用戶體驗設計行動指南博維斯,博克斯(著)、DeDream(譯),機械工業出版社.
ui設計篇8
1、關于網站的用戶體驗
網站中的用戶體驗強調網站的可用性與視覺感受,包括功能、內容、形式等因素,這些因素共同組成了用戶體驗,是相互聯系的統一體。在眾多的影響用戶體驗的因素中,產品的“可用性”是一個至關重要的因素。國際標準中認為可用性是涉及容易學習、容易使用、系統的有效性、用戶滿意,以及把這些因素與實際使用環境聯系在一起針對特定目標的評價。在網站設計中是即要從用戶的角度,架構和設計網站,還要看到用戶的需要,滿足用戶需求。網站設計是將用戶引入到設計當中,把獲取網站的信息、消費產品作為美好體驗的過程。
(1)網站體驗。根據網站設計的最終目標可以把網站分為三個方面:網站外觀、用戶行為、服務力度。用戶對一個產品的體驗是遞進的,首先是當用戶進入網站時視覺感受如何,有一個大概的基礎印象,如果網站中 UI的設計第一感覺看上去不能迎合用戶的期望很可能會放棄繼續瀏覽網站。其次是行為,也就是網站的可用性與易用性,使用的感覺如何,如果在使用過程中遇到阻力在某種程度上會對交互行為產生很大的影響。最后是服務力度,當用戶使用一個網站尤其是電商網站,主要產生的就是消費行為,網站的售后服務在用戶體驗中顯得極為重要,售后服務的質量直接影響到用戶的心理感受。
(2)用戶行為。網站的類型不同,目標用戶也會有所不同,如男性、女性、青少年、兒童等。根據自身網站的定位去確定用戶群,比如汽車網站的用戶主要以男性為主。從用戶心理的角度看,首先網站的設計在于能夠把用戶的注意力集中在網站推廣的產品、信息上,可以按照自身的主觀意愿進行操作,不需要有過多的思考過程,不需要理解網站結構,圖標含義,以及導航在哪。其次用戶不必花費太多的學習成本,操作與理解出錯較少,簡單的操作動作與操作習慣是好的體驗的基本。對于一個網站的體驗而言最好的方法就是按照用戶所想的那樣去設計。
(3)設計師因素。對于按照網站工作內容的來劃分可以有視覺設計師、交互設計師和程序工程設計師。視覺設計師需要考慮的是網頁設計與創意是否符合用戶的審美需求,網站從外觀看起來直接對用戶產生的感受。交互設計師負責的是網站與用戶之間的交互行為,在此過程中用戶能否順利的完成整個體驗過程。程序工程師決定網站的功能與技術支持,是否能夠保證網站正常運行,不影響用戶的使用。
2、UI設計與體驗的關系
UI即用戶界面,是系統和用戶之間進行交互和信息交換的媒介,它實現信息的內部形式與人類可以接受形式之間的轉換。對于工業設計領域中的人機交互設計就是指人和機器之間發生交互的時候能夠高效率、舒適的對機器進行操控,在操作者需要對機器的操作做出決定的同時也能夠幫助機器快速的給用戶以反饋。
(1)網頁中的 UI設計。網站中的 UI設計體現在用戶與網站之間的交互與網頁設計。從用戶界面的角度來看,網頁的 UI設計與網頁的視覺效果、風格等密切相關,不僅具有審美價值,也體現著人文關懷,無論從人的閱讀習慣還是操作行為都具有以人為本的理念。當然對于一個網站而言,用戶所體驗的并不僅僅是審美與功能的設計。通常是包含功能與形式得到最協調的平衡,為整個網站的目標而服務,這樣會拉近用戶與網站之間的距離,賞心悅目的外觀與強大的功能是否配合得當,成為用戶體驗的一個檢驗標準,用戶使用網站月輕松,其滿意度就越高,交互過程就越順暢。
1)頁面布局。合理的網頁布局有助于用戶瀏覽、理解網頁信息,尤其是對于像搜狐、新浪等門戶網站而言是至關重要的,怎樣能夠使用戶在眾多的信息中發現需要的那一個。在進行網頁設計時,要以內容為主,將信息按照區塊合理分布,做好重點強調和細部的處理。
2)風格和主題。網頁視覺信息風格的確立是信息過渡到形式的關鍵,視覺設計師依據網站的內容而產生的,通過顏色、圖像、文字等視覺元素來表達。例如電子商務網站更加追求信息化和數字感,好看的設計可能不如實際的數據更有吸引力。這種網站的功能比較繁多,例如當當網、淘寶,產品的分類清晰的體現了潛在的用戶群,可以更有效的產生互動實現消費。
3)網頁視覺元素。網站的外觀主要體現在網頁上的視覺元素,網頁的色彩、圖形、文字之間的構成關系會對用戶產生一定的心理影響,這種影響既體現在各元素位置、大小的變化,又體現在空間虛實關系上。色彩作為人類表達情感的元素之一,往往能在用戶瀏覽網站時留下第一印象。圖形在用戶獲取信息過程中可以很好的實現傳達與引導的作用。文字作為網站主要傳達信息的手段,有著不可替的作用,無論從標題文字還是到頁面內容,都能做到準確詳細的傳遞。
(2)UI設計與用戶的關系。網頁設計的美感與體驗與用戶息息相關,UI設計既要在用戶的角度設計視覺效果,又要研究用戶的思維習慣,在網頁設計中直接體現在顏色、版面布局、圖形、文字當中,引導并影響用戶獲取信息。網頁設計不僅僅是將頁面做的華麗,還是為了讓人們能夠通過對界面的中的視覺元素引導和迎合用戶完成整個操作,而不是純粹追求創造視覺效果。從根本上來講,一個好的網頁設計應該擁有清晰的信息呈現,能夠很好的引導用戶去完成網站的任務。當我們設計一個用戶界面的時候一定要考慮到用戶界面的適用性,它需要考慮用戶的年齡、生活習慣,并且最終實現為用戶的使用而設計,這是一個理性的設計過程。所以 UI設計要和用戶研究緊密結合,去主動考慮用戶的感受與需求。
結論
本文鏈接:http://www.svtrjb.com/v-141-3371.htmlui設計范文8篇
相關文章:
餃子館傳遞正能量文案01-22
書香校園手抄報內容07-21
最新超市員工的工作總結 超市員工年度總結(十七篇)08-09
淺論國際服務貿易合同08-15
讓夢想飛翔演講稿02-06
【精】大學軍訓心得15篇08-20
《豌豆公主》讀后感07-26
描寫落葉的排比句12-23
冬天的北戴河優秀作文1000字12-14
沒那么困難作文1000字12-05
班主任不在的時候作文11-04
常州大學哪些專業是二本12-03