上海UI設(shè)計(jì)培訓(xùn)來班啦，大家可隨時(shí)關(guān)注獵學(xué)網(wǎng)UI設(shè)計(jì)培訓(xùn)頻道，我們將第一時(shí)間公布相關(guān)培訓(xùn)信息。

使用PhotoShop或Firework設(shè)計(jì)頁面，然后用ImageReady或Firework切割頁面的圖片后直接生成HTML網(wǎng)頁，再把相應(yīng)的內(nèi)容填入網(wǎng)頁中，最后加上各種Java和表單效果完成網(wǎng)頁的制作。而這一系列的工作全部由“網(wǎng)頁美工”一人完成。這種做法從1997年網(wǎng)頁制作熱潮延續(xù)至今，面對(duì)日新月異的網(wǎng)絡(luò)，各種網(wǎng)絡(luò)技術(shù)的突起，陳舊的做法已不能適應(yīng)當(dāng)前的形勢(shì)，網(wǎng)站建設(shè)發(fā)展至今已經(jīng)不再是一人包攬的局面，網(wǎng)站建設(shè)正朝著項(xiàng)目化、流程化的方向科學(xué)發(fā)展。在一個(gè)完整的網(wǎng)站建設(shè)團(tuán)隊(duì)中，每角色都有明確的分工。

從網(wǎng)站項(xiàng)目成立，到網(wǎng)站結(jié)構(gòu)策劃，網(wǎng)站結(jié)構(gòu)設(shè)計(jì)，網(wǎng)站頁面布局，頁面腳本處理等一系列與美術(shù)設(shè)計(jì)無關(guān)的任務(wù)全部從“網(wǎng)頁美工”身上解放開，在這個(gè)流程中原來“網(wǎng)頁美工”的角色被更專業(yè)化的定義，賦予一個(gè)更貼切的名稱——網(wǎng)頁美術(shù)設(shè)計(jì)師。從而，網(wǎng)頁美術(shù)設(shè)計(jì)師能充分地發(fā)揮特長，在平面美術(shù)設(shè)計(jì)的基礎(chǔ)上進(jìn)行專業(yè)的網(wǎng)頁美術(shù)設(shè)計(jì)。

很多人常常把平面美術(shù)設(shè)計(jì)與網(wǎng)頁美術(shù)設(shè)計(jì)混淆，以為平面美術(shù)設(shè)計(jì)師一定會(huì)做網(wǎng)頁美術(shù)設(shè)計(jì)，實(shí)際上，網(wǎng)頁與印刷品有很多差別，因?yàn)樗峁┝烁喙δ埽@一點(diǎn)與軟件比較類似。網(wǎng)頁設(shè)計(jì)近似于軟件設(shè)計(jì)，網(wǎng)頁美術(shù)設(shè)計(jì)則相當(dāng)于軟件UI設(shè)計(jì)，更準(zhǔn)確的說，網(wǎng)頁美術(shù)設(shè)計(jì)是圖形化人機(jī)介面(GraphicsUserInterface，或簡稱GUI)的一種。因此，網(wǎng)頁美術(shù)設(shè)計(jì)師也可稱為——網(wǎng)頁UI設(shè)計(jì)師。

部分網(wǎng)頁設(shè)計(jì)原則

規(guī)劃目錄結(jié)構(gòu)時(shí)應(yīng)當(dāng)遵循的幾個(gè)原則：

1.不要將所有文件都存放在根目錄下;

2.按欄目內(nèi)容分別建立子目錄;

3.在每個(gè)主目錄下都建立獨(dú)立的images目錄;

4.目錄的層次不要太深;

5.切忌使用中文目錄;

6.不要使用過長的目錄;

7.盡量使用意義明確的目錄。

除創(chuàng)意之外，在網(wǎng)站設(shè)計(jì)時(shí)還需要考慮以下基本原則：

1.網(wǎng)頁內(nèi)容要便于閱讀;

2.站點(diǎn)內(nèi)容要精、專和及時(shí)更新;

3.注重色彩搭配;

4.考慮帶寬;

5.要適當(dāng)考慮不同游覽器、不同分辨率的情況;

6.提供交互性;

7.簡單即為美。

網(wǎng)頁設(shè)計(jì)的通用規(guī)則：

1.網(wǎng)站的設(shè)計(jì)目的決定設(shè)計(jì)方案;

2.瀏覽者的需求第一位;

3.頁面的有效性;

4.頁面布局的保持統(tǒng)一性;

5.使用無語意標(biāo)簽DIV和適當(dāng)?shù)慕Y(jié)構(gòu)來設(shè)計(jì)網(wǎng)頁;

6.謹(jǐn)慎使用圖片;

7.減少JavaApplet和其他多媒體的使用

在頁面進(jìn)入草圖設(shè)計(jì)后，需要確認(rèn)很多細(xì)節(jié)，我在檢查頁面設(shè)計(jì)稿是否可以進(jìn)入切頁面和制作時(shí)候，遵循以下原則：

1界面統(tǒng)一性。一樣的功能在一樣的地方。一個(gè)頁面無非由一些基本模塊組成，每一種基本模塊在UI設(shè)計(jì)上，不同的應(yīng)用實(shí)例是否元素一致，包括字型、字號(hào)、顏色、按鈕顏色、按鈕形狀、按鈕功能、提示文字、行距等。說來容易，執(zhí)行的時(shí)候很多設(shè)計(jì)師會(huì)有一些隨意的想法，可能某些想法是挺好的，但是我們必須執(zhí)行統(tǒng)一的界面標(biāo)準(zhǔn)。設(shè)想windows里面，如果不同的窗口關(guān)閉按鈕在不同的地方，并且顏色還不一樣，這會(huì)是什么樣混亂的狀況。

2留住用戶而不是騷擾用戶。引導(dǎo)，不是強(qiáng)制。國內(nèi)的網(wǎng)站對(duì)于騙取點(diǎn)擊量是很有心得，記得有一段時(shí)間sina的新聞標(biāo)題都是危言聳聽，結(jié)果點(diǎn)進(jìn)去一看不是那么回事情，這樣的用戶體驗(yàn)就不好了。除了進(jìn)行角色用戶模型分析用戶關(guān)心的內(nèi)容以外，我這次也采用了比較極端的做法來避免用戶對(duì)于點(diǎn)擊的處理。彈出新頁面恐怕也是中國互聯(lián)網(wǎng)特有的現(xiàn)象，向前向后這些按鈕在中國用處不大。好在我們有各類多選項(xiàng)卡的瀏覽器，不怕，但是，良好的連續(xù)性體驗(yàn)被破壞了。你愿意看一本每頁印兩個(gè)字的書嗎?用戶感興趣才看某個(gè)網(wǎng)頁，我們要做得是引導(dǎo)用戶看到他想看的內(nèi)容，既不能硬塞，也不能騙取。

3安靜的瀏覽器。曾幾何時(shí)，我在看網(wǎng)站的時(shí)候，是選擇不顯示所有圖片的，這樣的干凈在某些領(lǐng)頭羊的帶領(lǐng)下，已經(jīng)不復(fù)存在了。諸多的flash閃爍，一碰就顯示的層，甚至還有不請(qǐng)自來的視頻，這些都不是NI自然界面理論能允許的，我們要的是一個(gè)給用戶安安靜靜閱讀內(nèi)容參加互動(dòng)的網(wǎng)頁。根據(jù)NI第二原則：網(wǎng)站設(shè)計(jì)要滿足人們的需要，包括個(gè)人化的和社會(huì)化的。用戶到網(wǎng)站上來有個(gè)人的需求，盡可能簡潔的版式，容易閱讀的內(nèi)容，方便的導(dǎo)航，這些對(duì)于用戶來說都是容易接受的，從web2.0風(fēng)潮開始，有一點(diǎn)至少是好的，就是國內(nèi)網(wǎng)站也開始注意這些方面，而不是將內(nèi)容一股腦的堆砌在那里。如果還是沒有很明白的話，大家可以發(fā)現(xiàn)絕大多數(shù)國外網(wǎng)站在點(diǎn)擊一個(gè)鏈接的時(shí)候，是在本頁打開，而國內(nèi)的網(wǎng)站基本上都是新開頁面。

以上就是有關(guān)學(xué)UI設(shè)計(jì)怎么樣才能挑選到好的培訓(xùn)機(jī)構(gòu)的介紹，更多的(UI設(shè)計(jì)培訓(xùn)課程、UI設(shè)計(jì)培訓(xùn)機(jī)構(gòu))，敬請(qǐng)關(guān)注獵學(xué)網(wǎng)UI設(shè)計(jì)培訓(xùn)頁面!

溫馨提示：獵學(xué)網(wǎng)鄭重承諾，本網(wǎng)站(獵學(xué)網(wǎng))以誠信、高效、安全、擔(dān)保的產(chǎn)品理念，作為“學(xué)習(xí)+服務(wù)”的第三方平臺(tái)，致力于打造良好的口碑服務(wù)平臺(tái)。站內(nèi)收錄的中專、大專、自考、成考、專升本、網(wǎng)絡(luò)教育等機(jī)構(gòu)，都經(jīng)過獵學(xué)網(wǎng)核實(shí)認(rèn)證!如果廣大考生有提升學(xué)歷的需求，敬請(qǐng)關(guān)注獵學(xué)網(wǎng)，歡迎通過了解!