pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

網(wǎng)頁設(shè)計(jì)技巧

  網(wǎng)站的頁面多種多樣,風(fēng)格各異,網(wǎng)頁的質(zhì)量直接影響著網(wǎng)站的效果。網(wǎng)頁設(shè)計(jì)的過程中,需要注意哪些方面的事項(xiàng),有哪幾方面影響著網(wǎng)頁的設(shè)計(jì)效果呢?

  一、頁面平鋪

  把頁面平鋪開,主要的物件有:導(dǎo)航欄、LOGO、Banner、按鈕、圖片、文字。

  1.導(dǎo)航欄

  導(dǎo)航欄如果設(shè)計(jì)得恰到好處,是會(huì)給網(wǎng)頁本身增色很多。導(dǎo)航欄有一排、兩排、多排、圖片導(dǎo)航和Frame框架快捷導(dǎo)航等等各種情況的設(shè)計(jì)。有時(shí)候是橫排,有時(shí)候則是豎排。另外還有一些動(dòng)態(tài)的導(dǎo)航欄,如很精彩的Flash導(dǎo)航。

  2.LOGO

  LOGO并不是每個(gè)網(wǎng)站多要有的,他是網(wǎng)站為了給大家一個(gè)比較直觀的信息的表達(dá)工具。LOGO的位置通常在頁面的左上角。這個(gè)地方最明顯和直觀,可以第一時(shí)間給人于默化的效果;網(wǎng)站的LOGO,一般以靜態(tài)的居多,也有動(dòng)態(tài)的,但是LOGO的特點(diǎn)都是在表達(dá)網(wǎng)站的信息,是一個(gè)網(wǎng)站的直接的表現(xiàn)窗口。

  3.BANNER(廣告條)類型

  Banner設(shè)計(jì)注意點(diǎn):Banner有動(dòng)態(tài)和靜態(tài)兩種。在瀏覽網(wǎng)頁的過程中,雖然閃爍的圖案會(huì)產(chǎn)生瞬間記憶刺激,引起注意,但這種記憶往往為壓迫性的,久之易產(chǎn)生負(fù)面效應(yīng),從而模糊記憶。而穩(wěn)定的畫面不易引發(fā)特殊的關(guān)注,但如果有良好的界面引導(dǎo)和內(nèi)容,可產(chǎn)生良性的記憶,持久而牢固。設(shè)計(jì)要點(diǎn):Banner的文字不能太多,用一兩句話來表達(dá)即可;廣告語要朗朗上口,可以第一時(shí)間的讓人捕獲表達(dá)的重點(diǎn);圖形無須太繁雜,文字盡量使用黑體等粗壯的字體,否則在視覺上很容易被網(wǎng)頁其他內(nèi)容淹沒;圖形盡量選擇顏色數(shù)少,能夠說明問題的事物;如果選擇顏色很復(fù)雜的物體,要考慮一下在低顏色數(shù)情況下,是否會(huì)有明顯的色斑;盡量不要使用彩虹色、暈邊等復(fù)雜的特技圖形效果,這樣做會(huì)大大增加圖形所占據(jù)的顏色數(shù),增大體積。

  4.按鈕

  按鈕設(shè)計(jì)要點(diǎn):設(shè)計(jì)按鈕要同頁面的整體協(xié)調(diào),不能太搶眼;有的頁面很單調(diào),還要依靠花哨的按鈕來提一下;選用的字體,選用的插圖,或插圖及字體搭配,都要考慮字跡清楚,色彩簡單一些,不要超過四種;很長的按鈕可能就是框架的分界,盡量要纖細(xì)一些,否則頁面會(huì)顯臃腫。

  5.圖片

  為了美化頁面,圖片是任何一個(gè)頁面都要用到的,圖片的運(yùn)用要合理。圖片運(yùn)用要點(diǎn):圖形的主體最好清晰可見;圖形的含義最好簡單明了;圖片內(nèi)所含文字應(yīng)該清晰容易辨認(rèn);背景與主體明度對(duì)比比例應(yīng)為3∶1到5∶1之間為宜;淡色系列的背景有助于整體和諧;淡色材質(zhì)背景最佳,能與主題分離之淺色標(biāo)志或文字背景亦可。

  6.文字

  文字也是設(shè)計(jì)的。設(shè)計(jì)要點(diǎn):每一行文字的長度最好20到30個(gè)中文字(40到60個(gè)英文字母);行距與字距已由軟件內(nèi)定。設(shè)計(jì)時(shí)注意段落與段落間空行及首行縮排方式以輔助閱讀;標(biāo)題以H1到H3字號(hào)為佳,內(nèi)文Font size=3到4級(jí)為佳;同版面字型最好在三種以內(nèi);文字的顏色最好也是三種以內(nèi);文字在顏色上要與背景區(qū)別;內(nèi)文的排列向左對(duì)齊并與左邊界保持適當(dāng)距離。可以用表格填入文字以達(dá)此效果;表格或清單內(nèi)的字運(yùn)用相同字型與字體大小,以利辨別。

  二、整體規(guī)劃

  有共性,才有統(tǒng)一,有細(xì)節(jié)區(qū)別,就有層次;防止設(shè)計(jì)與實(shí)現(xiàn)過程中的偏差;設(shè)計(jì)的各部分,要配合整體風(fēng)格;不僅頁面上各項(xiàng)設(shè)計(jì)要統(tǒng)一,而且網(wǎng)站的各級(jí)別頁面也要統(tǒng)一;信息不要太過集中,以免文字編排太緊密;不要有太多分散注意力的點(diǎn)。動(dòng)態(tài)閃爍要適中;頁面留白部分,要根據(jù)平面設(shè)計(jì)原理來設(shè)計(jì),注意分欄式結(jié)構(gòu)不宜留白;還要考慮到瀏覽器上部占用的屏幕空間,防止圖片截?cái)嗟仍斐梢曈X效果不好;首頁設(shè)計(jì)圖片+導(dǎo)航,這是一種比較強(qiáng)的網(wǎng)站表達(dá),可以根據(jù)時(shí)間的變化更改圖片。

  三、功能易用性

  導(dǎo)航欄應(yīng)最先調(diào)入,以便訪客快速前往所需信息空間;頁面長度要短,使得用戶在信息空間內(nèi)可迅速移動(dòng);導(dǎo)航設(shè)計(jì)方向要一致。支持導(dǎo)航的層次按鈕應(yīng)當(dāng)從上到下或從左到右,但不要兩者都用,不要混用方向。

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片實(shí)現(xiàn)改變,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過長自動(dòng)隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 渗透仪-直剪仪-三轴仪|苏州昱创百科 | 广州企亚 - 数码直喷、白墨印花、源头厂家、透气无手感方案服务商! | 选矿设备,选矿生产线,选矿工艺,选矿技术-昆明昆重矿山机械 | 岩石钻裂机-液压凿岩机-劈裂机-挖改钻_湖南烈岩科技有限公司 | 茅茅虫AI论文写作助手-免费AIGC论文查重_写毕业论文降重 | 书法培训-高考书法艺考培训班-山东艺霖书法培训凭实力挺进央美 | 翰香原枣子坊加盟费多少钱-正宗枣核糕配方培训利润高飘香 | 德国UST优斯特氢气检漏仪-德国舒赐乙烷检测仪-北京泽钏 | 滚珠丝杆升降机_螺旋升降机_丝杠升降机-德迈传动 | 塑木弯曲试验机_铜带拉伸强度试验机_拉压力测试台-倾技百科 | 流量检测仪-气密性检测装置-密封性试验仪-东莞市奥图自动化科技有限公司 | 不锈钢散热器,冷却翅片管散热器厂家-无锡市烨晟化工装备科技有限公司 | 阻燃剂-氢氧化镁-氢氧化铝-沥青阻燃剂-合肥皖燃新材料 | 东莞海恒试验仪器设备有限公司 | 气动隔膜泵-电动隔膜泵-循环热水泵-液下排污/螺杆/管道/化工泵「厂家」浙江绿邦 | 圣才学习网-考研考证学习平台,提供万种考研考证电子书、题库、视频课程等考试资料 | 物联网卡_物联网卡购买平台_移动物联网卡办理_移动联通电信流量卡通信模组采购平台? | 一体化净水器_一体化净水设备_一体化水处理设备-江苏旭浩鑫环保科技有限公司 | 艾默生变频器,艾默生ct,变频器,ct驱动器,广州艾默生变频器,供水专用变频器,风机变频器,电梯变频器,艾默生变频器代理-广州市盟雄贸易有限公司官方网站-艾默生变频器应用解决方案服务商 | 艺术漆十大品牌_艺术涂料加盟代理_蒙太奇艺术涂料厂家品牌|艺术漆|微水泥|硅藻泥|乳胶漆 | 精密冲床,高速冲床等冲压设备生产商-常州晋志德压力机厂 | 河北凯普威医疗器材有限公司,高档轮椅系列,推车系列,座厕椅系列,协步椅系列,拐扙系列,卫浴系列 | 无机纤维喷涂棉-喷涂棉施工工程-山东华泉建筑工程有限公司▲ | 影像测量仪_三坐标测量机_一键式二次元_全自动影像测量仪-广东妙机精密科技股份有限公司 | 24位ADC|8位MCU-芯易德科技有限公司| 定制/定做冲锋衣厂家/公司-订做/订制冲锋衣价格/费用-北京圣达信 | 高压无油空压机_无油水润滑空压机_水润滑无油螺杆空压机_无油空压机厂家-科普柯超滤(广东)节能科技有限公司 | 工业rfid读写器_RFID工业读写器_工业rfid设备厂商-ANDEAWELL | 陶氏道康宁消泡剂_瓦克消泡剂_蓝星_海明斯德谦_广百进口消泡剂 | 匀胶机旋涂仪-声扫显微镜-工业水浸超声-安赛斯(北京)科技有限公司 | 皮带机-带式输送机价格-固定式胶带机生产厂家-河南坤威机械 | 合肥礼品公司-合肥礼品定制-商务礼品定制公司-安徽柏榽商贸有限公司 | 合肥办公室装修 - 合肥工装公司 - 天思装饰 | 烟气换热器_GGH烟气换热器_空气预热器_高温气气换热器-青岛康景辉 | 变位机,焊接变位机,焊接变位器,小型变位机,小型焊接变位机-济南上弘机电设备有限公司 | 金属抛光机-磁悬浮抛光机-磁力研磨机-磁力清洗机 - 苏州冠古科技 | 艺术漆十大品牌_艺术涂料加盟代理_蒙太奇艺术涂料厂家品牌|艺术漆|微水泥|硅藻泥|乳胶漆 | 网站建设,北京网站建设,北京网站建设公司,网站系统开发,北京网站制作公司,响应式网站,做网站公司,海淀做网站,朝阳做网站,昌平做网站,建站公司 | 印刷人才网 印刷、包装、造纸,中国80%的印刷企业人才招聘选印刷人才网! | 三防漆–水性三防漆–水性浸渍漆–贝塔三防漆厂家 | 专注氟塑料泵_衬氟泵_磁力泵_卧龙泵阀_化工泵专业品牌 - 梭川泵阀 |