济南网站策划设计_午夜三级在线观看_自适应网站制作_午夜三级在线_H5企业网站搭建_午夜日韩在线_济南外贸网站制作公司_锐尚

Telephone
15063366547
QQ
286601999

濟南網站建設:網頁設計中的幾大定律

發表時間:2015-09-03 13:25?? 作者:銳尚?? 瀏覽:
不論畫冊設計、海報、品牌設計,所有設計都是有規律可循的。然而,在網頁設計這邊,很多本應該有的規則都被搞亂了,就只是跟著感覺走。這并不是說設計師在規則方面有松懈,而是大多數網絡工作者都不知道要遵守這些規則——就算他們知道,也不知道怎么去用。
 
結合網頁講,就是以下幾條:
 
平 衡
 
平衡感挺難拿捏的。網頁上呈現出的平衡有兩種——對稱和不對稱。我們都很習慣了看對稱的圖片,就像我們小時候剪紙花,都會兩邊一起剪,這樣打開就是對稱化的。這種對稱的平衡很好識別(反正都鏡面反射一下),而在不對稱構圖里面做到平衡才難。
 
舉兩個例子:

不對稱平衡
 
如圖在多處位置展示了不對稱平衡里面的一些重要原則。你看,作為主Banner的那只狗的照片——狗身上的黑色全壓在畫面左側了,這時候畫面右側出現了一個X,這看似隨意的灰色X,可是平衡畫面的關鍵因素!這樣一來,你的視線就會被牽扯到畫面中間。除了在Banner圖里面,在網頁的頁頭中也出現了這樣的設計——菜單欄的大小和顏色都相對重。那么在Subtraction的logo這條,就對應用了黑字白底,再在上面加上黑線,這樣上下會相對平衡一些。

對稱平衡
 
蘋果是現代網頁中實現對稱平衡的典范。如圖,每個元素都是在中軸線兩側排布,創造出了一個視覺上的和諧情景。
 
比 例
 
對于網頁元素來說,并不是看得清楚就好,或者文本多長就弄多大,它的排布跟網頁的平衡視覺上強調誰有很大關系。

而到底如何去權衡這些元素的大小,跟每個元素本身的性質有很大關系,舉個例子:你在瀏覽兩欄式的網頁的時候,一般會發現右邊的框要比左邊的框大,也放了一些關鍵的信息在里面。這是由人的視覺習慣決定——哪怕是文本框放在左側,目錄這些元數據放在右側,也會不自覺的看向右邊。所以說,元數據在右邊占地方是不太科學的。有些人喜歡每欄一樣寬度的柵格布局,就像圖一那樣;另外的人可能喜歡黃金分割率,也就是右邊的框是左邊框的1.62倍。
 
有些網頁的設計也僅僅看重要程度來排比例的:

在這個頁面上,各元素的比例控制得很好。不僅是視覺上的層次很好,意義上的層次也很好。從產品的logo開始(1),然后引導用戶的行為(2),再到文字比較密集的相關介紹(3),排布都很合理。圖文混排的區域,標題的權重和正文隔開,還有和左側icon的關系都很注意。瀏覽這個頁面的時候也會覺得整體非常協調。
 
不過以上這個例子有點老,網頁展現很平面。
 
現在的網頁可通過交互設計來強化網頁上展現的比例。


比如這個國際廣告獎D&AD的網站,在滑動內頁時候,菜單欄占頁面的比例會相對縮小,這樣人的注意力會更集中于中間部分,更注意閱讀內容。

節奏
 
網頁上的節奏感非常重要,甚至比數據更重要。尤其那些數據量大,頁面長的網頁。比如這個叫Digg的網站,頁面上出現了雙目錄,但也是遵循了節奏感方面的一些原則。


強調
 
在設計中,再沒有比圓形更有魅力的圖案了,尤其是在充斥著四邊形的網頁設計領域。一個圓圈并不需要借助亮眼的顏色或留白,僅僅靠它的形狀特點就能輕松引起用戶的注意。這就是為什么你的眼睛總能被那些最近流行的標志所吸引,不過“圓形”最大的魅力其實還是發揮在Logo上。

正如你在圖中所見,A List Apart用了不止一個,而是多組“圓形”來突顯出其Logo。你不僅能通過其旁邊那個有著發行編碼的標志(1)注意到它,也能通過右手邊幾個更小的標志注意到T恤促銷的信息。
 
你還可以通過使用”留白“或”顏色“來起到強調的作用。它們可配合”圖形“使用,但通常情況下你不必用全,一兩個即可。三個元素的同時使用會造成一種過于夸張的吸引力,讓用戶很難再去注意頁面其他的部分,尤其是主要內容。

整體感
 
整體感是一個見仁見智的概念,一種“合而為一”的感受。沒有什么元素是實在無法符合設計氛圍和感覺的。


關于整體感有個重要的例子——Dave Werner的portfolio作品集。其每一頁都有網站手稿、圖釘和其他一些雜七雜八的玩意兒,他把這些元素結合在一起并且打造出了整體感。既沒有一樣元素顯得過于突兀,也沒有出現迥異的整體風格。

相關文章/Related

  • 濟南建網站并不是越便宜

    企業建設營銷型企業網站,其目的在于銷售產品或者提供服務,如果你沒有一個...

  • 國外服裝行業網站建設案

    國外的設計一直引領世界的潮流,遠遠甩中國大陸幾十條街,下面 濟南網站建...

  • 淺談濟南網站建設響應式

    大陸最先出現響應式布局 網站建設 這個概念還是在2013年左右,當時大陸做這種...

  • 通過三個要素檢測你網站

    今天重點說說用戶體驗設計中最關鍵的三個要素:別讓我等!別讓我想!別讓我...

  • 企業網絡宣傳不能單單靠

    隨著互聯網+病毒一樣的流傳開來,中小型企業越來越開始重視網絡宣傳。一些...

  • 濟南網站建設去這幾個國

    一個好的網站不是靠設計師憑空就能想想出來的,網頁設計和其他平面設計一樣...

  • 營銷型網站建設才能讓你

    很多人以為建網站很簡單,花幾百元錢甚至一兩千元錢就能建個網站。晨曉網認...

  • 主站蜘蛛池模板: 附着力促进剂-尼龙处理剂-PP处理剂-金属附着力处理剂-东莞市炅盛塑胶科技有限公司 | 浴室柜-浴室镜厂家-YINAISI · 意大利设计师品牌 | 咿耐斯 |-浙江台州市丰源卫浴有限公司 | 山东臭氧发生器,臭氧发生器厂家-山东瑞华环保设备 | 脉冲布袋除尘器_除尘布袋-泊头市净化除尘设备生产厂家 | 京马网,京马建站,网站定制,营销型网站建设,东莞建站,东莞网站建设-首页-京马网 | CE认证_产品欧盟ROHS-REACH检测机构-商通检测 | 武汉画册印刷厂家-企业画册印刷-画册设计印刷制作-宣传画册印刷公司 - 武汉泽雅印刷厂 | 塑料脸盆批发,塑料盆生产厂家,临沂塑料广告盆,临沂家用塑料盆-临沂市永顺塑业 | 云阳人才网_云阳招聘网_云阳人才市场_云阳人事人才网_云阳人家招聘网_云阳最新招聘信息 | 散热器-电子散热器-型材散热器-电源散热片-镇江新区宏图电子散热片厂家 | 粉末冶金-粉末冶金齿轮-粉末冶金零件厂家-东莞市正朗精密金属零件有限公司 | CXB船用变压器-JCZ系列制动器-HH101船用铜质开关-上海永上船舶电器厂 | 无硅导热垫片-碳纤维导热垫片-导热相变材料厂家-东莞市盛元新材料科技有限公司 | 锂电池砂磨机|石墨烯砂磨机|碳纳米管砂磨机-常州市奥能达机械设备有限公司 | 成都办公室装修-办公室设计-写字楼装修设计-厂房装修-四川和信建筑装饰工程有限公司 | 水厂污泥地磅|污泥处理地磅厂家|地磅无人值守称重系统升级改造|地磅自动称重系统维修-河南成辉电子科技有限公司 | 啤酒设备-小型啤酒设备-啤酒厂设备-济南中酿机械设备有限公司 | 耐力板-PC阳光板-PC板-PC耐力板 - 嘉兴赢创实业有限公司 | 发电机组|柴油发电机组-批发,上柴,玉柴,潍柴,康明斯柴油发电机厂家直销 | 塑料脸盆批发,塑料盆生产厂家,临沂塑料广告盆,临沂家用塑料盆-临沂市永顺塑业 | 大巴租车平台承接包车,通勤班车,巴士租赁业务 - 鸿鸣巴士 | 大型工业风扇_工业大风扇_大吊扇_厂房车间降温-合昌大风扇 | 泰兴市热钻机械有限公司-热熔钻孔机-数控热熔钻-热熔钻孔攻牙一体机 | 东莞办公家具厂家直销-美鑫【免费3D效果图】全国办公桌/会议桌定制 | 二手色谱仪器,十万分之一分析天平,蒸发光检测器,电位滴定仪-湖北捷岛科学仪器有限公司 | 武汉创亿电气设备有限公司_电力检测设备生产厂家 | 飞扬动力官网-广告公司管理软件,广告公司管理系统,喷绘写真条幅制作管理软件,广告公司ERP系统 | 屏蔽泵厂家,化工屏蔽泵_维修-淄博泵业 | 大数据营销公司_舆情监测软件_上海SEO公司-文军营销官网 | 无纺布包装机|径向缠绕包装机|缠绕膜打包机-上海晏陵智能设备有限公司 | 东莞螺杆空压机_永磁变频空压机_节能空压机_空压机工厂批发_深圳螺杆空压机_广州螺杆空压机_东莞空压机_空压机批发_东莞空压机工厂批发_东莞市文颖设备科技有限公司 | 日本细胞免疫疗法_肿瘤免疫治疗_NK细胞疗法 - 免疫密码 | 健康管理师报名入口,2025年健康管理师考试时间信息网-网站首页 塑料造粒机「厂家直销」-莱州鑫瑞迪机械有限公司 | 卫浴散热器,卫浴暖气片,卫生间背篓暖气片,华圣格浴室暖气片 | 河南空气能热水器-洛阳空气能采暖-洛阳太阳能热水工程-洛阳润达高科空气能商行 | 深圳诚暄fpc首页-柔性线路板,fpc柔性线路板打样生产厂家 | 大流量卧式砂磨机_强力分散机_双行星双动力混合机_同心双轴搅拌机-莱州市龙跃化工机械有限公司 | 氢氧化钙设备_厂家-淄博工贸有限公司 | 聚氨酯保温钢管_聚氨酯直埋保温管道_聚氨酯发泡保温管厂家-沧州万荣防腐保温管道有限公司 | 篷房[仓储-婚庆-展览-活动]生产厂家-江苏正德装配式帐篷有限公司 | 早报网|