UI設計原則是什么

UI設計原則是什么

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

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

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

　　規劃目錄結構時(shí)應當遵循的幾個(gè)原則：

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

　　2.按欄目?jì)热莘謩e建立子目錄;

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

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

　　5.切忌使用中文目錄;

　　6.不要使用過(guò)長(cháng)的目錄;

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

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

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

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

　　3.注重色彩搭配;

　　4.考慮帶寬;

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

　　6.提供交互性;

　　7.簡(jiǎn)單即為美。

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

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

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

　　3.頁(yè)面的有效性;

　　4.頁(yè)面布局的保持統一性;

　　5.使用無(wú)語(yǔ)意標簽DIV和適當的結構來(lái)設計網(wǎng)頁(yè);

　　6.謹慎使用圖片;

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

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

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

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

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

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

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

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

　　3、可以點(diǎn)擊的文字、按鈕、圖片，鼠標應該呈現出統一的可點(diǎn)擊樣式，區別于不可點(diǎn)擊區域。

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

　　5、可以點(diǎn)擊的圖片最好用不同的樣式顯示，比如鼠標滑過(guò)時(shí)候的輝亮效果。因為網(wǎng)頁(yè)會(huì )大量的使用圖片做修飾效果，區分可以點(diǎn)擊和不可以點(diǎn)擊的圖片是值得去做的。

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

　　7、文字描述。很多時(shí)候會(huì )忽略這個(gè)問(wèn)題，在我們做demo的這個(gè)項目中有很多的文字描述，各有其用，統一描述的方式，統一人稱(chēng)，統一語(yǔ)氣，都是給用戶(hù)帶來(lái)良好體驗的途徑。

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

　　9、圖標。很多時(shí)候會(huì )用圖標來(lái)描述功能，漂亮的帶點(diǎn)陰影和倒影的圖標是非常搶眼的，使用圖標的話(huà)要注意風(fēng)格、透視角度、分辨率、辨識度的一致性。

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

ui界面設計有哪些原則07-02

普通UI設計師與頂級UI設計師的區別是什么？07-14

UI設計師的工作內容是什么？06-22

酒店裝修設計的原則是什么06-22

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

設計作品侵權的賠償原則是什么?07-10

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

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

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