網頁設計(jì)原則及實戰經驗技巧
點擊次數:0 發布時間:2019/1/29
什麽是好的網頁設計(jì),網頁設計(jì)原則理(lǐ)念
(1)内容和功能決定表現形式和界面設計(jì)
常常有人(rén)憑借電話(huà)的幾句交流或者QQ上的幾句聊天,甚至是一張句話(huà)的小紙條,就(jiù)開始做一個網站(zhàn)設計(jì)。我覺得(de)這都(dōu)是敷衍了事(shì)的通用設計(jì),很不專業不成熟的設計(jì)。做一個良好的網頁設計(jì),你(nǐ)需要了解客戶的東西很多,比如(rú):
1、建站(zhàn)目的(是主推産品還(hái)是平品牌,是主要注重SEO還(hái)是用戶交互等)
2、網站(zhàn)類型
3、欄目規劃及每個欄目的表現形式及功能要求
4、主色調、客戶性别喜好、聯系方式、舊版網址、偏好網址
5、根據行業和客戶要求,那些要着重表現
6、是否分(fēn)期建設、考慮後期的兼容性、是否要開發其他(tā)語言版本
7、客戶是否有強烈的建站(zhàn)欲望
8、你(nǐ)是否能在精神意識上控制住客戶
9、面對你(nǐ)未接觸的技術(shù)知識,你(nǐ)有底嗎(ma)?
等等…
當你(nǐ)把這些内容都(dōu)了解清除了時候,你(nǐ)的大(dà)腦中就(jiù)已經給這個網站(zhàn)有個全面而形象的定位了,這時才是有的放(fàng)矢去(qù)做界面設計(jì)的時候了。
(2)界面弱化
一個好的界面設計(jì)它的界面是弱化的,它突出的是功能,着重體(tǐ)現的是網站(zhàn)業提供給使用者是主要什麽。這就(jiù)涉及到浏覽順序、功能分(fēn)區等等。
要讓訪客在0.5秒内就(jiù)能把握網站(zhàn)的行業性質,1秒内就(jiù)知道該從(cóng)哪個地方開始使用這個網站(zhàn),能點一次的,絕不點第二次。當然上面說(shuō)的是大(dà)多數功能性網 站(zhàn),對于宣傳展示性網站(zhàn),諸如(rú)加特效的或Flash網站(zhàn),可(kě)能就(jiù)不得(de)不花哨一些,但(dàn)不能太過分(fēn)。網站(zhàn)不是動畫(huà)片,在效率越來(lái)越高,社會心理(lǐ)越來(lái)越浮躁的中 國(guó),人(rén)們的耐心越來(lái)越小,心理(lǐ)承受能力越來(lái)越低。效果可(kě)以體(tǐ)現意境,點到爲止。
(3)模塊化和可(kě)修改性強
模塊化不僅可(kě)以提高重用性,也能統一網站(zhàn)風(fēng)格,還(hái)可(kě)以降低程序開發的強度。這裡(lǐ)就(jiù)設計(jì)一些尺寸、模數、寬容度、命名規範等等知識了,不再冗述。
無論是架構還(hái)是模塊或圖片,都(dōu)要考慮可(kě)修改性強。舉個簡單的例子,logo、按鈕等,很多人(rén)喜歡制作(zuò)圖片,N個按鈕就(jiù)是N張圖片。如(rú)果隻做3-5類按鈕 的背景圖片,然後用在網頁代碼裡(lǐ)打上文字,那麽修改起來(lái)就(jiù)簡單了,讓程序員(yuán)自(zì)己改字就(jiù)可(kě)以了。然而網頁顯示的字體(tǐ)是帶有鋸齒的,一般即能清晰又保證美觀的 字體(tǐ)字号有幾類:
宋體(tǐ)12px |宋體(tǐ)12px粗體(tǐ)|宋體(tǐ)14px |宋體(tǐ)14px粗體(tǐ)|黑(hēi)體(tǐ)20px | verdana 9px | Arial Black 12px+ |
(4)創意是可(kě)恥的,分(fēn)析能力遠(yuǎn)比創意來(lái)的重要
設計(jì)界動辄就(jiù)大(dà)談什麽“創意”,我要說(shuō)的是,還(hái)沒有搞清目的意義和内容,還(hái)沒在技術(shù)制作(zuò)上臻于完善的基礎上,用創藝和特效來(lái)迷惑客戶和訪客是可(kě)恥的。一個網也設計(jì)者的分(fēn)析能力遠(yuǎn)比創藝來(lái)的重要。
網頁設計(jì)的實戰經驗技巧
(一)網頁配色基本概念
(1)白(bái)紙黑(hēi)字是永遠(yuǎn)的主題,誰都(dōu)說(shuō)不出不好來(lái)。
(2)網頁最常用流行色
蘭色——藍天白(bái)雲,沉靜(jìng)整潔的顔色。
綠色——綠白(bái)相(xiàng)間,雅緻而有生(shēng)氣。
橙色——活潑熱(rè)烈,标準商業色調。
暗紅(hóng)——甯重、嚴肅、高貴,需要配黑(hēi)和灰來(lái)壓制刺激的紅(hóng)色。
(3)顔色的忌諱
忌髒——背景與文字内容對比不強烈,灰暗的背景令人(rén)沮喪!
忌純——豔麗的純色對人(rén)的刺激太強烈抗議(yì),缺乏内涵。
忌跳(tiào)——再好看(kàn)的顔色,也不能脫離(lí)整體(tǐ)。脫離(lí)群衆是自(zì)取其辱!
忌花——要有一種主色貫穿其中,主色并不時面積最大(dà)的顔色,而是最重要,最能揭示和反映主題的顔色,就(jiù)象領導者一樣,雖然在人(rén)數上居少數,但(dàn)起決定作(zuò)用。
忌粉——顔色淺固然顯的幹淨,但(dàn)如(rú)果對比過弱,整得(de)蒼白(bái)無力了,就(jiù)象病夫一樣無可(kě)救藥。
藍色忌純,綠色忌黃(huáng),紅(hóng)色忌豔。
(4)幾種固定搭配
藍白(bái)橙——藍爲主調。白(bái)底,藍标題欄,橙色按鈕或ICON做點綴。
綠白(bái)蘭——綠爲主調。白(bái)底,綠标題欄,蘭色或橙色按鈕或ICON做點綴。
橙白(bái)紅(hóng)——橙爲主調。白(bái)底,橙标題欄,暗紅(hóng)或桔紅(hóng)色按鈕或ICON做點綴。
暗紅(hóng)黑(hēi)——暗紅(hóng)主調。黑(hēi)或灰底,暗紅(hóng)标題欄,文字内容背景爲淺灰色。
(二)網頁設計(jì)理(lǐ)念
(1)内容決定形式
先把内容充實上,再分(fēn)區塊,再定色調,再處理(lǐ)細節。
(2)先整體(tǐ),後局部,最後回歸到整體(tǐ)。
全局考慮,把能填上的都(dōu)填上,占位置。然後定基調,分(fēn)模塊設計(jì)。最後調整不滿意的幾個局部細節。
(3)功能決定設計(jì)方向
看(kàn)網站(zhàn)的用途,決定設計(jì)思路(lù)。商業性的就(jiù)要突出赢利目的;政府型的就(jiù)要突出形象和權威性的文章(zhāng);教育性的,就(jiù)要突出師(shī)資和課程。