專業(yè)網(wǎng)頁(yè)設(shè)計(jì)教程_網(wǎng)頁(yè)設(shè)計(jì)教程

推薦：交互性被認(rèn)為是有害的
BretVictor寫了篇名為“MagicInk-InformationSoftwareandtheGraphicalInterface”的文章，這篇文章在國(guó)內(nèi)外的一些設(shè)計(jì)社區(qū)中都引發(fā)了不少討論。一

最近在網(wǎng)上看到這篇文章，覺(jué)得不錯(cuò)，通俗而實(shí)際，有利于新手理解和快速上手。轉(zhuǎn)載過(guò)來(lái)讓更多的人看到。

看過(guò)很多網(wǎng)頁(yè)設(shè)計(jì)教程文章，但不是說(shuō)的太高深，對(duì)我們實(shí)際設(shè)計(jì)工作并無(wú)什么用處，就是東拼西湊的用PHOTOSHOP做幾個(gè)效果，就是所謂“設(shè)計(jì)”。

-----------------------------------------------------------------------------

⒈ 網(wǎng)頁(yè)設(shè)計(jì)理念

⑴ 內(nèi)容決定形式

先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。

⑵ 先整體，后局部，最后回歸到整體。

全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個(gè)局部細(xì)節(jié)。

⑶ 功能決定設(shè)計(jì)方向

看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。

⒉ 網(wǎng)頁(yè)配色基本概念

⑴ 白紙黑字是永遠(yuǎn)的主題，誰(shuí)都說(shuō)不出不好來(lái)。

⑵ 網(wǎng)頁(yè)最常用流行色

蘭色——藍(lán)天白云，沉靜整潔的顏色。

綠色——綠白相間，雅致而有生氣。

橙色——活潑熱烈，標(biāo)準(zhǔn)商業(yè)色調(diào)。

暗紅——寧重、嚴(yán)肅、高貴，需要配黑和灰來(lái)壓制刺激的紅色，

⑶ 顏色的忌諱

忌臟——背景與文字內(nèi)容對(duì)比不強(qiáng)烈，灰暗的背景令人沮喪！

忌純——艷麗的純色對(duì)人的刺激太強(qiáng)烈抗議，缺乏內(nèi)涵。

忌跳——再好看的顏色，也不能脫離整體。脫離群眾是自取其辱！

忌花——要有一種主色貫穿其中，主色并不時(shí)面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。

忌粉——顏色淺固然顯的干凈，但如果對(duì)比過(guò)弱，整得蒼白無(wú)力了，就象病夫一樣無(wú)可救藥。

藍(lán)色忌純，綠色忌黃，紅色忌艷

⑷ 幾種固定搭配

藍(lán)白橙——藍(lán)為主調(diào)。白底，藍(lán)標(biāo)題欄，橙色按鈕或ICON做點(diǎn)綴。

綠白蘭——綠為主調(diào)。白底，綠標(biāo)題欄，蘭色或橙色按鈕或ICON做點(diǎn)綴。

橙白紅——橙為主調(diào)。白底，橙標(biāo)題欄，暗紅或桔紅色按鈕或ICON做點(diǎn)綴。

暗紅黑——暗紅主調(diào)。黑或灰底，暗紅標(biāo)題欄，文字內(nèi)容背景為淺灰色。

⒊ 如何快速高效的完成設(shè)計(jì)工作

天下文章一大抄。

就看你會(huì)抄不會(huì)抄。抄的是道念，思想，局部精致的點(diǎn)綴。

在網(wǎng)上搜索同類網(wǎng)站，找?guī)讉�(gè)順眼的，用一個(gè)為基本蘭圖，把幾個(gè)優(yōu)點(diǎn)整和成自己的，這樣最高效快捷，而且還出成果，能學(xué)到很多東西。

分享：WEB可用性測(cè)試的問(wèn)題設(shè)計(jì)
在可用性測(cè)試中，最主要的兩個(gè)角色，一個(gè)是受測(cè)(TestParticipant)，另一個(gè)是測(cè)試員(TestFacilitator)。這回小兔來(lái)說(shuō)說(shuō)測(cè)試員(TestFacilitator)在可用性測(cè)試