UI崗位相關(guān)名詞解釋

1、UI簡介UI即User Interface(用戶界面)的簡稱.FaceUI稱UI設(shè)計那么是指對軟件的人機交互、操作邏輯、界面美觀 的整體設(shè)計.好的 UI設(shè)計不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒適、簡單、自由,充分體 現(xiàn)軟件的定位和特點.軟件設(shè)計可分為兩個局部:編碼設(shè)計與UI設(shè)計.編碼設(shè)計大家都很熟悉,但是UI設(shè)計還是一個很陌生的概念,即使一些專門從事網(wǎng)沌三多媒體設(shè)計的人也不完全理解UI的意思.UI的本意是用戶界面,是英文 User和Interface 的縮寫.從字面上看是用戶與界面2個局部組成,但實際上還包括用戶與界面之間的交互關(guān)系.在飛速開展的電子產(chǎn)品中,界面設(shè)計工作一點點的

2、被重視起來.做界面設(shè)計的“美工也隨之被稱之為“ UI設(shè)計師或“ UI工程師.其實軟件界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一樣,是產(chǎn)品的重要賣點.一個 電子產(chǎn)品擁有美觀的界面會給人帶來舒適的視覺享受,拉近人與商品的距離,為商家創(chuàng)造賣點.界面設(shè)計不是單純的美術(shù)繪畫,他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計,是建立在科學(xué)性之上的藝術(shù)設(shè) 計.檢驗一個界面的標(biāo)準(zhǔn)既不是某個工程開發(fā)組領(lǐng)導(dǎo)的意見也不是工程成員投票的結(jié)果,而是終端用戶的感受. 所以界面設(shè)計要和用戶研究緊密結(jié)合,是一個不斷為最終用戶設(shè)計滿意視覺效果的過程.在中國,UI設(shè)計還是一個需要不斷成長的設(shè)計領(lǐng)域,但Adinnet UI ,

3、 FaceUI , 1 eicodesign , Brandseer UI,Tigocn , lkkui design,Rigo design 、lanlanwork 等國內(nèi)知名設(shè)計機構(gòu)已經(jīng)進入了探索UI設(shè)計的道路.UI設(shè)計從工作內(nèi)容上來說分為3個方向.它主要是由 UI研究的3個因素決定的,其分別是研究工具,研究人與界面的關(guān)系,研究人.國內(nèi)一些高瞻遠矚的民族企業(yè)已經(jīng)開始意識到UI給軟件產(chǎn)品帶來的巨大賣點了,例如金山公司的影霸、詞霸、Uh網(wǎng)標(biāo),由于重視ui的開發(fā)與地位,才使得金山產(chǎn)品在同類軟件產(chǎn)品中首屈一指.聯(lián)想軟件的 ui部門積極開展用戶研究與使用性測試,將易用與美觀相結(jié)合,推出的雙模式電腦、

4、幸福系列等成功UI范例,為聯(lián)想贏得全球消費PC第三的稱號等等、等等.實踐證實,各商家只要在產(chǎn)品美觀和易用設(shè)計方面很小投入,將會有 很大產(chǎn)出.其投入產(chǎn)出比,要比在功能領(lǐng)先性開發(fā)上的投入大得多.目前國內(nèi)各院校還沒有設(shè)立相對健全的UI設(shè)計專業(yè),所以提升 UI設(shè)計師水平關(guān)鍵在于提供一個良好的學(xué)習(xí)與交流的資源環(huán)境.國內(nèi)已經(jīng)有很多交流設(shè)計網(wǎng)站,介紹工業(yè)設(shè)計、平面設(shè)計、服裝設(shè)計、繪畫藝術(shù)、多媒體 flash等,但是UI設(shè)計一直沒有受到應(yīng)有的關(guān)注,僅僅被放在數(shù)碼設(shè)計或者平面網(wǎng)頁設(shè)計的一個欄目里,這僅 有的資源對培養(yǎng)優(yōu)秀的設(shè)計師是不夠的,必須有一個信息快捷、資源豐富、設(shè)計水平一流、專業(yè)權(quán)威的UI設(shè)計學(xué)習(xí)與交流的

5、地方才能適應(yīng)日益開展的UI設(shè)計師們的需求.設(shè)計方向UI的本意是用戶界面,是英文 User和interface 的縮寫.從字面上看是用戶與界面2個組成局部,但實際上還包括用戶與界面之間的交互關(guān)系,所以這樣可分為3個方向,他們分別是：用戶研究、交互設(shè)計、界面設(shè)計.用戶研究用戶研究包含兩個方面：一是可用性工程學(xué)( usability Engineering ),研究如何提升產(chǎn)品的可用性,使 得系統(tǒng)的設(shè)計更容易被人使用、學(xué)習(xí)和記憶；二是通過可用性工程學(xué)的研究,開掘用戶的潛在需求,為技術(shù)創(chuàng)新 提供另外一條思路和方法.用戶研究是一個跨學(xué)科的專業(yè),涉及可用性工程學(xué)、人類成效學(xué)、心理學(xué)、市場研究學(xué)、教育學(xué)、設(shè)

6、計學(xué) 等等學(xué)科.用戶研究技術(shù)是站在人文學(xué)科的角度來研究產(chǎn)品,站在用戶的角度介入到產(chǎn)品的開發(fā)和設(shè)計中.用戶研究通過對于用戶的工作環(huán)境、產(chǎn)品的使用習(xí)慣等研究,使得在產(chǎn)品開發(fā)的前期能夠把用戶對于產(chǎn)品功能的期望、對設(shè)計和外觀方面的要求融入到產(chǎn)品的開發(fā)過程中去,從而幫助企業(yè)完善產(chǎn)品設(shè)計或者探索一個新產(chǎn)品概念.他是得到用戶需求和反應(yīng)的途徑,也是檢驗界面與交互設(shè)計是否合理的重要標(biāo)準(zhǔn).交互設(shè)計這局部指人與機之間的交互工程,在過去交互設(shè)計也由程序員來做,其實程序員擅長編碼,而不善于與最 終用戶交互.所以,很多的軟件雖然功能比擬齊全,但是交互方面設(shè)計很粗糙,繁瑣難用,學(xué)習(xí)困難.使用這樣 的軟件后,不是使人聰明與進

7、步而是讓人感到愚弄與羞辱. 許多人由于不能操作電腦軟件而下崗失業(yè),這樣的交互使電腦成為讓人恐懼的科技怪獸. 于是我們把交互設(shè)計從程序員的工作中別離出來單獨成為一個學(xué)科, 也就是 人機交互設(shè)計.他的目的在于增強軟件的易用、易學(xué)、易理解,使計算機真正成為方便地為人類效勞的工具.界面設(shè)計在漫長的軟件開展中,界面設(shè)計工作一直沒有被重視起來.做界面設(shè)計的人也被貶義的稱為“美工.其 實軟件界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一樣,是產(chǎn)品的重要買點. 一個友好美觀的界面會給人帶來舒適的視覺享受,拉近人與電腦的距離,為商家創(chuàng)造賣點.界面設(shè)計不是單純的美術(shù)繪畫,他需要定位使用者、使用 環(huán)境、使用方式并且為最終用

8、戶而設(shè)計,是純粹的科學(xué)性的藝術(shù)設(shè)計.檢驗一個界面的標(biāo)準(zhǔn)即不是某個工程開發(fā)組領(lǐng)導(dǎo)的意見也不是工程成員投票的結(jié)果,而是最終用戶的感受. 所以界面設(shè)計要和用戶研究緊密結(jié)合,是一個不斷為最終用戶設(shè)計滿意視覺效果的過程.3就業(yè)前景目前,UI即用戶界面設(shè)計行業(yè)剛剛在全球軟件業(yè)興起,屬于高新技術(shù)設(shè)計產(chǎn)業(yè),與國外在同步開展水平. 其次國內(nèi)外眾多大型IT企業(yè)例如：百度、騰訊、Yahoo、中國移動、Nokia、聯(lián)想、網(wǎng)易、微軟、盛大、淘寶等 眾多企業(yè)均已成立專業(yè)的 UI設(shè)計部門,但專業(yè)人才稀缺,人才資源爭奪劇烈.但目前全國UI設(shè)計專業(yè)的系統(tǒng)教學(xué)極其稀少.UI設(shè)計學(xué)院作為首家 UI設(shè)計師的培訓(xùn)基地為國內(nèi)外知名品牌企

9、業(yè)提供優(yōu)秀的專業(yè)設(shè)計人才.就 業(yè)市場供不應(yīng)求.UI設(shè)計工作的年薪根本保持在10到15萬,少有經(jīng)驗者可以到達 20萬,資深的UI設(shè)計人員年薪可以更高.DIV+CSSDIV+CSS是網(wǎng)站標(biāo)準(zhǔn)或稱“ WEB標(biāo)準(zhǔn)中常用術(shù)語之一,div+css是一種網(wǎng)頁的布局方法,這一種網(wǎng)頁布局方法有別于傳統(tǒng)的 HTMLMJ頁設(shè)計語言中的表格table 定位方式,可實現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相別離.XHTML是The Extensible HyperText Markup Language可擴展超文本標(biāo)識語言的縮寫.XHTML1于可擴展標(biāo)記語言XML,是一種在HTML根底上優(yōu)化和改良的的新語言,目的是基于XMLM用與強大的

10、數(shù)據(jù)轉(zhuǎn)換水平,適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求.在XHTM網(wǎng)站設(shè)計標(biāo)準(zhǔn)中,不再使用表格定位技術(shù),而是采用DIV+CSS的方式實現(xiàn)各種定 位.W3 cB準(zhǔn)W3C5義W3B英文 World Wide WebConsortium 的縮寫,中文意思是 W3CCI事會或萬維網(wǎng)聯(lián)盟.W3CT 1994年10月在麻省理工學(xué)院計算機科學(xué)實驗室成立.創(chuàng)立者是萬維網(wǎng)的創(chuàng)造者Tim Berners-Lee .W3C&織是對網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的一個非贏利組織,像HTML XHTML CSS XML的標(biāo)準(zhǔn)就是由 W3cB定制.W3C會員(大約500名會員)包括生產(chǎn)技術(shù)產(chǎn)品及效勞的廠商、內(nèi)容供給商、團體用戶、研究實驗室、標(biāo)準(zhǔn)

11、制定機構(gòu) 和政府部門,一起協(xié)同工作,致力在萬維網(wǎng)開展方向上達成共識.W3C® 介自從Web誕生以來,Web的每一步開展、技術(shù)成熟和應(yīng)用領(lǐng)域的拓展,都離不開成立于1994年10月的W3C(World Wide Web Consortium ,萬維網(wǎng)聯(lián)盟)的努力.W3B專門致力于創(chuàng)立 Web1目關(guān)技術(shù)標(biāo)準(zhǔn)并促進 Web向 更深、更廣開展的國際組織.W3C標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的集合.網(wǎng)頁主要由三局部組成：結(jié)構(gòu)(Structure )、表現(xiàn)(Presentation )和行為(Behavior ).對應(yīng)的標(biāo)準(zhǔn)也分三方面：結(jié)卞化標(biāo)準(zhǔn)語言主要包括XHTMmXML表現(xiàn)標(biāo)準(zhǔn)語言主要包括

12、 CSS行為標(biāo)準(zhǔn)主要包括對象模型(如 W3C DOM ECMAScript等.這些標(biāo)準(zhǔn)大局部由W3兆草和發(fā)布,也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn),比方 ECMA( European Computer Manufacturers Association)的 ECMAScript 標(biāo)準(zhǔn).我們來簡單了解一下這些標(biāo)準(zhǔn)： 結(jié)構(gòu)標(biāo)準(zhǔn)語言(1) XML XML是The Extensible Markup Language( 可擴展標(biāo)識語言)的簡寫.現(xiàn)推薦遵循的是 W3C 2000 年10月6日發(fā)布的XML1.0O和HTML一樣,XML同樣來源于 SGML但XML是一種能定義其他語言的語言. XML 最初設(shè)計的

13、目的是彌補 HTML的缺乏,以強大的擴展性滿足網(wǎng)絡(luò)信息發(fā)布的需要,后來逐漸用于網(wǎng)絡(luò)數(shù)據(jù)的轉(zhuǎn)換和描述.關(guān)于 XML的好處和技術(shù)標(biāo)準(zhǔn)細節(jié)這里就不多說工一網(wǎng)上有很多資料,也有很多書籍可以參考.(2) XHTMLXHTMLH The Extensible HyperText Markup Language可擴展標(biāo)識語言的縮寫.現(xiàn)推薦遵循的是W3CT 2000年1月26日推薦XML1.0O XML雖然數(shù)據(jù)轉(zhuǎn)換水平強大,完全可以替代HTML但面對成千上萬已有的站點,直接采用XML還為時過早.因此,我們在HTML4.0的根底上,用 XML的規(guī)那么對其進行擴展,得到了XHTML簡單的說,建立 XHTML勺目的

14、就是實現(xiàn) HTML向XML的過渡.表現(xiàn)標(biāo)準(zhǔn)語言CSS是Cascading Style Sheets層疊樣式表的縮寫.現(xiàn)推薦遵循的是W3C" 1998年5月12日推薦CSS2目前CSS3已發(fā)布,主流瀏覽器正在逐漸支持,程序員也開始利用CSS3弋替以往冗長的舊代碼.W3C&J建CSS標(biāo)準(zhǔn)的目的是以CSS酎弋HTML格式布局、幀犯其他表現(xiàn)的語言.純CSS布局與結(jié)構(gòu)式XHTMW結(jié)合能幫助設(shè)計師分離外觀與結(jié)構(gòu),使站點的訪問及維護更加容易. 行為標(biāo)準(zhǔn)(1) DOM DOM Document Object Model 文檔對象模型的縮寫.根據(jù)W3C DOME范,DO妮一種與瀏覽器,平臺,語

15、言的接口,使得你可以訪問頁面其他的標(biāo)準(zhǔn)組件.簡單理解,DOM解決了 Netscaped的Javascript 和Microsoft的Jscript之間的沖突,給予web設(shè)計師和開發(fā)者一個標(biāo)準(zhǔn)的方法,讓他們來訪問他們站點中的數(shù)據(jù)、腳本和表現(xiàn)層對像.(2) ECMAScript ECMAScript 是 ECMA(European Computer Manufacturers Association)制定的標(biāo)準(zhǔn)腳本語言(JAVAScript ).現(xiàn)推薦遵循的是 ECMAScript 262良好編碼習(xí)慣簡介編碼習(xí)慣網(wǎng)頁制彳中養(yǎng)成良好的CSS編碼習(xí)慣1、為CSS選定正確的字符集.這個問題可能沒有引起很

16、多人的注意,但是在網(wǎng)站開發(fā)的過程中,我發(fā)現(xiàn)為CSS選定正確的字符集是相當(dāng)重要的,如果你的網(wǎng)頁使用的是GB2312那就在CS戒件的頂部加上一句 charset "gb2312"這樣能夠保證 CSS與網(wǎng)頁保持使用同樣的字符集,如果網(wǎng)頁使用的是utf-8 ,那就在CS戒件頂部加上 charset "utf-8"2、正確規(guī)劃CSS通常情況下,我會在 CS戒件的開始局部定義一些常用的樣式,如下例：body font:12Px Arial, Helvetica,sans-serif;color:#000;background:#fff;padding:0px;mar

17、gin:0px;text-align:center;div,form,img,ul,ol,li,dl,dt,dd,p margin:0;padding:0;border: 0; ulfloat:left; lilist-style:none; a text-decoration:none;這已經(jīng)成了我的一種習(xí)慣,把網(wǎng)頁中常用的元素的根本樣式先定義,遇到特殊情況再重新定義,這樣可以大大的減少CS戒件的大小,也更有利于CSS的維護.3、學(xué)會使用CSS縮寫語法建議大家看看這篇文章常用CSS縮寫語法總結(jié)DreamweaverDreamweaver從字面意思上解釋是“夢想編織者的意思,希望每一位學(xué)會用它

18、的人都能有一雙編織自己夢想的雙手,是Macromedia公司推出的可視化網(wǎng)頁制作工具,是較受的網(wǎng)頁設(shè)計人員歡送的軟件之一,是網(wǎng)站建設(shè)不 可缺少的工具之一.如果您留意一下就會發(fā)現(xiàn),在書店中有關(guān)互聯(lián)網(wǎng)的書架中有很多介紹Dreamweaver使用方法的教程,在一些專業(yè)的網(wǎng)站上上也有很多Dreamweaver應(yīng)用指南之類的文章.是一款有著多年歷史和良好口碑的可視化網(wǎng)頁編輯工具(簡稱DW ,他最大的優(yōu)點就是所見即所得,對 W3C網(wǎng)頁標(biāo)準(zhǔn)化支持十分到位,同時它還支持網(wǎng)站治理,包含HTML檢查、HTML格式限制、HTML格式化選項、HomeSite/BBEdit捆綁、圖像編輯、全局查找替換、全FTP功能、處理Flash和Shockwave等富媒體格式和動態(tài)HTML而且還支持 ASP JSP、PHP ASP.NET XML等程序語言的編寫與