網(wǎng)站設(shè)計(jì)小論

——技術(shù)部網(wǎng)站設(shè)計(jì)小論成為顧客信賴的專家內(nèi)容概括關(guān)于UIUI是什么UI設(shè)計(jì)的現(xiàn)狀關(guān)于網(wǎng)站

通用軟件界面設(shè)計(jì)色彩應(yīng)用網(wǎng)站設(shè)計(jì)原則網(wǎng)站科學(xué)規(guī)劃關(guān)于UI關(guān)于UI人和機(jī)器的互動(dòng)過程（HumanMachineInteraction）---界面（interface）UI(UserInterface)即用戶界面，也稱人機(jī)界面。是指用戶和某些系統(tǒng)進(jìn)行交互方法的集合。軟件設(shè)計(jì)分為兩個(gè)部分：編碼設(shè)計(jì)與UI設(shè)計(jì)。界面設(shè)計(jì)UI設(shè)計(jì)的現(xiàn)狀關(guān)于網(wǎng)站通用軟件界面設(shè)計(jì)的五個(gè)步驟一個(gè)通用網(wǎng)站/軟件界面的設(shè)計(jì)大體可分為五個(gè)步驟：

1.需求階段

2.分析設(shè)計(jì)階段

3.調(diào)研驗(yàn)證階段

4.方案改進(jìn)階段

5.用戶驗(yàn)證反饋階段通用軟件界面設(shè)計(jì)的五個(gè)步驟需求階段

軟件產(chǎn)品依然屬于工業(yè)產(chǎn)品的范疇。依然離不開3W的考慮（Who,where,why.）也就是使用者，使用環(huán)境，使用方式的需求分析。分析設(shè)計(jì)階段

設(shè)計(jì)階段也就是方案形成階段。一、設(shè)計(jì)出幾套不同風(fēng)格的界面用于被選。二、制作一個(gè)體現(xiàn)用戶定位的詞語坐標(biāo)。通用軟件界面設(shè)計(jì)的五個(gè)步驟調(diào)研驗(yàn)證階段

幾套風(fēng)格必須保證在同等的設(shè)計(jì)制作水平上，不能明顯看出差異，這樣才能得到用戶客觀的反饋。調(diào)研階段需要從以下幾個(gè)問題出發(fā)：

·用戶對(duì)各套方案的第一印象

·用戶對(duì)各套方案的綜合印象

·用戶對(duì)各套方案的單獨(dú)評(píng)價(jià)

·選出最喜歡的

·選出其次喜歡的

·對(duì)各方案的色彩，文字，圖形等分別打分。

·結(jié)論出來以后請(qǐng)所有用戶說出最受歡迎方案的優(yōu)缺點(diǎn)。通用軟件界面設(shè)計(jì)的五個(gè)步驟方案改進(jìn)階段

經(jīng)過用戶調(diào)研，得到目標(biāo)用戶最喜歡的方案。了解到用戶為什么喜歡，還有什么遺憾等，這樣就可以進(jìn)行下一步修改?？梢园丫ν度氲揭粋€(gè)方案上，將方案做到細(xì)致精美。用戶驗(yàn)證階段

通過用戶反饋，了解用戶真正使用時(shí)的感想，與使用過程中產(chǎn)生的不足之處，為以后的工作積累經(jīng)驗(yàn)資料。色彩應(yīng)用色彩意象當(dāng)我們看到色彩時(shí)，除了會(huì)感覺其物理方面的影響，心里也會(huì)立即產(chǎn)生感覺，這種感覺我們一般難以用言語形容，我們稱之為印象，也就是色彩意象。紅的色彩意象由于紅色容易引起注意，所以在各種媒體中也被廣泛的利用，除了具有較佳的明視效果之外，更被用來傳達(dá)有活力，積極，熱誠(chéng)，溫暖，前進(jìn)等涵義的企業(yè)形象與精神，另外紅色也常用來作為警告，危險(xiǎn)，禁止，防火等標(biāo)示用色，人們?cè)谝恍﹫?chǎng)合或物品上，看到紅色標(biāo)示時(shí)，常不必仔細(xì)看內(nèi)容，及能了解警告危險(xiǎn)之意，在工業(yè)安全用色中，紅色即是警告，危險(xiǎn)，禁止，防火的指定色。

橙的色彩意象橙色明視度高，在工業(yè)安全用色中，橙色即是警戒色，如火車頭，登山服裝，背包，救生衣等，由於橙色非常明亮刺眼，有時(shí)會(huì)使人有負(fù)面低俗的意象，這種狀況尤其容易發(fā)生在服飾的運(yùn)用上，所以在運(yùn)用橙色時(shí)，要注意選擇搭配的色彩和表現(xiàn)方式，才能把橙色明亮活潑具有口感的特性發(fā)揮出來。黃的色彩意象黃色明視度高，在工業(yè)安全用色中，橙色即是警告危險(xiǎn)色，常用來警告危險(xiǎn)或提醒注意，如交通號(hào)志上的黃燈，工程用的大型機(jī)器，學(xué)生用雨衣，雨鞋等，都使用黃色。綠的色彩意象在商業(yè)設(shè)計(jì)中，綠色所傳達(dá)的清爽，理想，希望，生長(zhǎng)的意象，符合了服務(wù)業(yè)，衛(wèi)生保健業(yè)的訴求，在工廠中為了避免操作時(shí)眼睛疲勞，許多工作的機(jī)械也是采用綠色，一般的醫(yī)療機(jī)構(gòu)場(chǎng)所，也常采用綠色來作空間色彩規(guī)劃即標(biāo)示醫(yī)療用品。藍(lán)色的色彩意象由于藍(lán)色沉穩(wěn)的特性，具有理智，準(zhǔn)確的意象，在商業(yè)設(shè)計(jì)中，強(qiáng)調(diào)科技，效率的商品或企業(yè)形象，大多選用藍(lán)色當(dāng)標(biāo)準(zhǔn)色，企業(yè)色，如電腦，汽車，影印機(jī)，攝影器材等等，另外藍(lán)色也代表憂郁，這是受了西方文化的影響，這個(gè)意象也運(yùn)用在文學(xué)作品或感性訴求的商業(yè)設(shè)計(jì)中。紫色的色彩意象由于具有強(qiáng)烈的女性化性格，在商業(yè)設(shè)計(jì)用色中，紫色也受到相當(dāng)?shù)南拗?，除了和女性有關(guān)的商品或企業(yè)形象之外，其他類的設(shè)計(jì)不常采用為主色。褐色的色彩意象在商業(yè)設(shè)計(jì)上，褐色通常用來表現(xiàn)原始材料的質(zhì)感，如麻，木材，竹片，軟木等，或用來傳達(dá)某些引品原料的色澤即味感，如咖啡，茶，麥類等，或強(qiáng)調(diào)格調(diào)古典優(yōu)雅的企業(yè)或商品形象。白色的色彩意象在商業(yè)設(shè)計(jì)中，白色具有高級(jí)，科技的意象，通常需和其他色彩搭配使用，純白色會(huì)帶給別人寒冷，嚴(yán)峻的感覺，所以在使用白色時(shí)，都會(huì)摻一些其他的色彩，如象牙白，米白，乳白，蘋果白，在生活用品，服飾用色上，白色是永遠(yuǎn)流行的主要色，可以和任何顏色作搭配。黑色的色彩意象在商業(yè)設(shè)計(jì)中，黑色具有高貴，穩(wěn)重，科技的意象，許多科技產(chǎn)品的用色，如電視，跑車，攝影機(jī)，音響，儀器的色彩，大多采用黑色，在其他方面，黑色的莊嚴(yán)的意象，也常用在一些特殊場(chǎng)合的空間設(shè)計(jì)，生活用品和服飾設(shè)計(jì)大多利用黑色來塑造高貴的形象，也是一種永遠(yuǎn)流行的主要顏色，適合和許多色彩作搭配?；疑纳室庀笤谏虡I(yè)設(shè)計(jì)中，灰色具有柔和，高雅的意象，而且屬於中間性格，男女皆能接受，所以灰色也是永遠(yuǎn)流行的主要顏色，在許多的高科技產(chǎn)品，尤其是和金屬材料有關(guān)的，幾乎都采用灰色來傳達(dá)高級(jí)，科技的形象，使用灰色時(shí)，大多利用不同的層次變化組合或他配其他色彩，才不會(huì)過於素，沉悶，而有呆板，僵硬的感覺。網(wǎng)站設(shè)計(jì)原則1.反差效果

2.重復(fù)原則

3.排列原則4.分類原則反差效果圖片反差顏色反差

字體反差

2.重復(fù)原則

3.排列原則

4.分類原則網(wǎng)站科學(xué)規(guī)劃1.對(duì)比圖像，文字更具吸引力2.眼球的第一運(yùn)動(dòng)聚焦于網(wǎng)頁的左上角3.用戶瀏覽網(wǎng)頁時(shí)，首先觀察網(wǎng)頁的左上部和上層部分，之后再往下閱讀，瀏覽右邊的內(nèi)容4.讀者會(huì)忽視橫幅廣告5.花哨的字體和格式被忽視6.用數(shù)詞來代替數(shù)字7.字體大小影響瀏覽行為8.遇到感興趣的內(nèi)容，用戶僅會(huì)多看一眼副標(biāo)題9.人們大都只瀏覽網(wǎng)頁的小部分內(nèi)容10.簡(jiǎn)短的段落相對(duì)于長(zhǎng)段落來說有更好的表現(xiàn)力11.根據(jù)視覺鎖定，一欄格式比多欄格式擁有更好的表現(xiàn)力12.網(wǎng)頁頂部和左邊的廣告更能吸引眼球13.將廣告放置與最佳內(nèi)容一旁也可以提升注意力14.在各種測(cè)試中，人們閱讀文字廣告最為專心。15.越大的圖像吸引越多的注意力1