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