UI設(shè)計原則是什么

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

　　很多人常常把平面美術(shù)設(shè)計與網(wǎng)頁美術(shù)設(shè)計混淆，以為平面美術(shù)設(shè)計師一定會做網(wǎng)頁美術(shù)設(shè)計，實際上，網(wǎng)頁與印刷品有很多差別，因為它提供了更多功能，這一點與軟件比較類似。網(wǎng)頁設(shè)計近似于軟件設(shè)計，網(wǎng)頁美術(shù)設(shè)計則相當(dāng)于軟件UI設(shè)計，更準(zhǔn)確的說，網(wǎng)頁美術(shù)設(shè)計是圖形化人機(jī)介面(Graphics、User、Interface，或簡稱GUI)的一種。因此，網(wǎng)頁美術(shù)設(shè)計師也可稱為——網(wǎng)頁UI設(shè)計師。

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

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

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

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

　　3.在每個主目錄下都建立獨立的images目錄;

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

　　5.切忌使用中文目錄;

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

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

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

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

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

　　3.注重色彩搭配;

　　4.考慮帶寬;

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

　　6.提供交互性;

　　7.簡單即為美。

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

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

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

　　3.頁面的有效性;

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

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

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

　　7.減少Java、Applet和其他多媒體的使用

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

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

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

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

　　以上這些歸納為設(shè)計時候要注意的要點如下：

　　1、每一個模塊的邊框，標(biāo)題，按鈕(如果有的話)，“更多”“詳細(xì)”功能，這些元素的顏色、大小尺寸、位置、對齊方式、字體、字號、行距等都要一致。

　　2、整個頁面的基調(diào)顏色要一致，不同的模塊除非有很大意義的差別，顏色應(yīng)該一致。

　　3、可以點擊的文字、按鈕、圖片，鼠標(biāo)應(yīng)該呈現(xiàn)出統(tǒng)一的可點擊樣式，區(qū)別于不可點擊區(qū)域。

　　4、呈現(xiàn)的日期格式的統(tǒng)一，比如都用長日期格式“20xx-2-1”或者都用短日期格式“07-3-1”，樣式不同的日期呈現(xiàn)方式還不如不呈現(xiàn)。

　　5、可以點擊的圖片最好用不同的樣式顯示，比如鼠標(biāo)滑過時候的輝亮效果。因為網(wǎng)頁會大量的使用圖片做修飾效果，區(qū)分可以點擊和不可以點擊的圖片是值得去做的。

　　6、有沒有不必要的彈出窗口。(從netscape開始這個設(shè)計真的很糟糕，ie也完全繼承了，解決的辦法是用js方式來呈現(xiàn)彈出窗口。)

　　7、文字描述。很多時候會忽略這個問題，在我們做demo的這個項目中有很多的文字描述，各有其用，統(tǒng)一描述的方式，統(tǒng)一人稱，統(tǒng)一語氣，都是給用戶帶來良好體驗的途徑。

　　8、圖片風(fēng)格。我不是這方面的專家，從欣賞的角度，圖片應(yīng)該是盡可能的統(tǒng)一風(fēng)格，素描樣式和點陣樣式共存總不是太好的事情。

　　9、圖標(biāo)。很多時候會用圖標(biāo)來描述功能，漂亮的帶點陰影和倒影的圖標(biāo)是非常搶眼的，使用圖標(biāo)的話要注意風(fēng)格、透視角度、分辨率、辨識度的一致性。

【UI設(shè)計原則是什么】相關(guān)文章：

ui界面設(shè)計有哪些原則07-02

普通UI設(shè)計師與頂級UI設(shè)計師的區(qū)別是什么？07-14

UI設(shè)計師的工作內(nèi)容是什么？06-22

酒店裝修設(shè)計的原則是什么06-22

平面設(shè)計、UI設(shè)計等各自的區(qū)別和關(guān)聯(lián)是什么？07-03

設(shè)計作品侵權(quán)的賠償原則是什么?07-10

公司薪酬體系再設(shè)計原則是什么？06-23

幼兒園綜合課程的設(shè)計原則是什么06-22

幼兒園綜合課程的設(shè)計原則是什么09-30