網(wǎng)頁(yè)設(shè)計(jì)原理和技巧

網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)很關(guān)鍵的部分，網(wǎng)頁(yè)設(shè)計(jì)的好壞直接影響整體的網(wǎng)站效果。網(wǎng)頁(yè)設(shè)計(jì)環(huán)節(jié)是整個(gè)成功的開(kāi)端。老站長(zhǎng)結(jié)合自己的親身體驗(yàn)，總結(jié)如下和大家分享交流：
一、什么是好的網(wǎng)頁(yè)設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)原則理念   （1）內(nèi)容和功能決定表現(xiàn)形式和界面設(shè)計(jì)
常常有人憑借電話的幾句交流或者qq上的幾句聊天，甚至是一張句話的小紙條，就開(kāi)始做一個(gè)網(wǎng)站設(shè)計(jì)。站長(zhǎng)認(rèn)為這都是敷衍了事的通用設(shè)計(jì)，很不專業(yè)不成熟的設(shè)計(jì)。做一個(gè)良好的網(wǎng)頁(yè)設(shè)計(jì)，你需要了解客戶的東西很多，比如：
1、建站目的（是主推產(chǎn)品還是平品牌，是主要注重seo還是用戶交互等）   2、網(wǎng)站類(lèi)型
3、欄目規(guī)劃及每個(gè)欄目的表現(xiàn)形式及功能要求
4、主色調(diào)、客戶性別喜好、聯(lián)系方式、舊版網(wǎng)址、偏好網(wǎng)址   5、根據(jù)行業(yè)和客戶要求，哪些是著重表現(xiàn)
6、是否分期建設(shè)、考慮后期的兼容性、是否要開(kāi)發(fā)其他語(yǔ)言版本   7、客戶是否有強(qiáng)烈的建站欲望
8、你是否能在精神意識(shí)上控制住客戶   9、面對(duì)你未接觸的技術(shù)知識(shí)，你有底嗎？   等等...
當(dāng)把上述的內(nèi)容都弄明白了的時(shí)候，你的大腦中就已經(jīng)給這個(gè)網(wǎng)站有了全面而形象的定位了，這時(shí)才是有的放矢去做界面設(shè)計(jì)的時(shí)候了。
（2）界面是弱化的，突出的是功能
一個(gè)好的界面設(shè)計(jì)它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者是主要什么。這就涉及到瀏覽順序、功能分區(qū)等等。
要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個(gè)地方開(kāi)始使用這個(gè)網(wǎng)站，能點(diǎn)一次的，絕不點(diǎn)第二次。當(dāng)然上面說(shuō)的是大多數(shù)功能性網(wǎng)站，對(duì)于宣傳展示性網(wǎng)站，諸如加特效的或flash網(wǎng)站，可能就不得不花哨一些，但不能太過(guò)分。網(wǎng)站不是動(dòng)畫(huà)片，在效率越來(lái)越高，社會(huì)心理越來(lái)越浮躁的中國(guó)，人們的耐心越來(lái)越小，心理承受能力越來(lái)越低。效果可以體現(xiàn)意境，點(diǎn)到為止。
（3）模塊化和可修改性強(qiáng)
模塊化不僅可以提高重用性，也能統(tǒng)一網(wǎng)站風(fēng)格，還可以降低程序開(kāi)發(fā)的強(qiáng)度。這里就設(shè)計(jì)一些尺寸、模數(shù)、寬容度、命名規(guī)范等等知識(shí)了，不再冗述。
無(wú)論是架構(gòu)還是模塊或圖片，都要考慮可修改性強(qiáng)。舉個(gè)簡(jiǎn)單的例子，logo、按鈕等，很多人喜歡制作圖片，n個(gè)按鈕就是n張圖片。如果只做3-5類(lèi)按鈕的背景圖片，然后用在網(wǎng)頁(yè)代碼里打上文字，那么修改起來(lái)就簡(jiǎn)單了，讓程序員自己改字就可以了。然而網(wǎng)頁(yè)顯示的字體是帶有鋸齒的，一般即能清晰又保證美觀的字體字號(hào)有幾類(lèi)：
宋體12px |宋體12px粗體|宋體14px |宋體14px粗體|黑體20px | verdana 9px | arial black 12px+ |
（4）創(chuàng)意是可恥的，分析能力遠(yuǎn)比創(chuàng)意來(lái)的重要
設(shè)計(jì)界動(dòng)輒就大談什么“創(chuàng)意”，需要指出的是，還沒(méi)有搞清目的意義和內(nèi)容，還沒(méi)在技術(shù)制作上臻于完善的基礎(chǔ)上，用創(chuàng)藝和特效來(lái)迷惑客戶和訪客是可恥的。一個(gè)網(wǎng)站設(shè)計(jì)者的分析能力遠(yuǎn)比創(chuàng)藝來(lái)的重要。
二、網(wǎng)頁(yè)設(shè)計(jì)的實(shí)戰(zhàn)經(jīng)驗(yàn)技巧
（一）網(wǎng)頁(yè)配色基本概念
（1）白紙黑字是永遠(yuǎn)的主題，誰(shuí)都說(shuō)不出不好來(lái)。   （2）網(wǎng)頁(yè)最常用流行色
蘭色——藍(lán)天白云，沉靜整潔的顏色。   綠色——綠白相間，雅致而有生氣。   橙色——活潑熱烈，標(biāo)準(zhǔn)商業(yè)色調(diào)。
暗紅——寧重、嚴(yán)肅、高貴，需要配黑和灰來(lái)壓制刺激的紅色。
（3）顏色的幾種固定搭配
藍(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)容背景為淺灰色。
（4）顏色的忌諱
忌臟——背景與文字內(nèi)容對(duì)比不強(qiáng)烈，灰暗的背景令人沮喪！   忌純——艷麗的純色對(duì)人的刺激太強(qiáng)烈抗議，缺乏內(nèi)涵。
忌跳——再好看的顏色，也不能脫離整體。脫離群眾是自取其辱！
忌花——要有一種主色貫穿其中，主色并不時(shí)面積大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。
忌粉——顏色淺固然顯的干凈，但如果對(duì)比過(guò)弱，整得蒼白無(wú)力了，就象病夫一樣無(wú)可救藥。
藍(lán)色忌純，綠色忌黃，紅色忌艷。
（二）網(wǎng)頁(yè)設(shè)計(jì)理念   （1）內(nèi)容決定形式
先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。   （2）先整體，后局部，最后回歸到整體。
全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個(gè)局部細(xì)節(jié)。

（3）功能決定設(shè)計(jì)方向

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

網(wǎng)頁(yè)名稱：網(wǎng)頁(yè)設(shè)計(jì)原理和技巧
分享URL：http://www.muchs.cn/news31/182181.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、商城網(wǎng)站、網(wǎng)站內(nèi)鏈、網(wǎng)站改版、網(wǎng)站設(shè)計(jì)、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)