前端工程師-高級(jí)web網(wǎng)站前端開發(fā)設(shè)計(jì)注意因素

1、當(dāng)談到設(shè)計(jì)和創(chuàng)建網(wǎng)站時(shí)，似乎從來都感覺不夠快?？紤]到快節(jié)奏，很多小的細(xì)節(jié)經(jīng)常會(huì)脫離設(shè)計(jì)過程。雖然這些細(xì)節(jié)可能微不足道，但是可能將網(wǎng)站從漂亮帶到真正的優(yōu)秀。AD：這些細(xì)節(jié)往往容易錯(cuò)過，因?yàn)樗麄儾粫?huì)影響網(wǎng)站的整體外觀和感覺。問題是，這些細(xì)節(jié)往往會(huì)如影隨形。而她恰恰是對(duì)用戶體驗(yàn)忠誠度的體現(xiàn)。下面列出10個(gè)關(guān)鍵元素，記住它，你將避免走回頭路。1、鏈接、鏈接(link)(link)設(shè)置鏈接狀態(tài)的不同風(fēng)格，這是基礎(chǔ)也是必須。你可能吃驚細(xì)節(jié)被忽略的次

2、數(shù)。包括下面列舉的頁面上所有鏈接的狀態(tài)。Nmal(常態(tài))這是鏈接的默認(rèn)狀態(tài)。鼠標(biāo)還沒有懸停、點(diǎn)擊，或是轉(zhuǎn)向向URL的時(shí)候，這個(gè)鏈接格式大部分的設(shè)計(jì)師會(huì)考慮到。Visited(已訪問)這個(gè)鏈接是鼠標(biāo)沒有懸?；蚴屈c(diǎn)擊，但是已經(jīng)被用戶訪問過。Active(活躍)這是正在被用戶點(diǎn)擊的狀態(tài)。絕大部分開發(fā)者會(huì)復(fù)制Hover(懸停)狀態(tài)到這里。Hover(懸停)Hover狀態(tài)是鼠標(biāo)經(jīng)過、并未點(diǎn)擊。你忽略它了嗎最常被忽略的情況是，鏈接的各種狀態(tài)沒有計(jì)劃

3、到網(wǎng)站的所有地方。比如很多網(wǎng)站針對(duì)淺色背景會(huì)有深色的主體(body)，但是在頁腳卻恰恰相反。在FullMoonBBQ，我們看到基本的紅色鏈接在內(nèi)容區(qū)域，基本的白色鏈接在下面的頁腳處。非常小的細(xì)節(jié)，但是毫無疑問很重要。2.2.表單表單(Fms)(Fms)對(duì)于很多開發(fā)者，表單的配置是重要的，不可能被忽略的。然而，還有許多開發(fā)者在事后才想到。上述后者認(rèn)為表單僅是代表將用戶轉(zhuǎn)為客戶的路徑，并且沒有適當(dāng)?shù)挠?jì)劃和設(shè)計(jì)，這些表單的實(shí)用性將大大降低。準(zhǔn)

4、備好這些元素是重要的，即使被看來要比顏色、圖片、品牌等更小的緊迫性。Requiredfields(請(qǐng)求域)所有的請(qǐng)求域應(yīng)該被提示，一般會(huì)有星號(hào)標(biāo)記。Realtimevalidation(實(shí)時(shí)驗(yàn)證)用戶完成表單就會(huì)有驗(yàn)證，這種類型的驗(yàn)證要將各種數(shù)據(jù)處理信息盡快通知用戶。你可以借助jQuery驗(yàn)證插件:Postbackvalidation(回發(fā)驗(yàn)證)該類型驗(yàn)證發(fā)生在用戶已經(jīng)提交表單，與實(shí)時(shí)驗(yàn)證的風(fēng)格可重復(fù)，但是另外一個(gè)選項(xiàng)是將所有問題歸于一

5、條信息，就像Moo：5.5.狀態(tài)消息狀態(tài)消息(錯(cuò)誤、警告、確認(rèn)等錯(cuò)誤、警告、確認(rèn)等)用戶在網(wǎng)站上執(zhí)行一些動(dòng)作，一般需要一些類型的反饋。這很像提交表單后的場景。但是很多其他的事件也會(huì)發(fā)生。規(guī)劃好你站點(diǎn)的消息機(jī)制，是良好的交互性的需要。在LifeToday上，我看到一些驗(yàn)證消息，可作為錯(cuò)誤消息，風(fēng)格符合全球各地。對(duì)顏色和圖標(biāo)進(jìn)行少量更改，也可以用作警告，真是確認(rèn)消息。6.6.拓展背景到更大的屏幕拓展背景到更大的屏幕依據(jù)網(wǎng)站風(fēng)格的不同，背景元

6、素可有更好的運(yùn)用。絕大部分背景很簡單，不需要更多的準(zhǔn)備，但是也存在復(fù)雜的需要(梯度、圖案和意象)?？紤]到大的顯示器已經(jīng)非常普及，大部分設(shè)計(jì)師僅規(guī)劃960像素寬度，忽略了大量的顯示器。如果你的背景復(fù)雜，你理當(dāng)拓展至更大的屏幕。下面是我創(chuàng)建的例子，木式背景可做更大的延伸。7.7.HTMLHTML基本元素基本元素HTML基本元素是基礎(chǔ)，并且不能被忽略。但是在許多市場為導(dǎo)向的網(wǎng)站上，雜亂的布局，迥異的視覺風(fēng)格，基本元素都被遺忘。標(biāo)準(zhǔn)網(wǎng)頁模板規(guī)劃