《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 1.3 网页设计的原则-阿里云开发者社区

开发者社区> 异步社区> 正文

《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 1.3 网页设计的原则

简介:
+关注继续查看

本节书摘来异步社区《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》一书中的第1章,第1.3节,作者: 何新起 , 任慎存 , 田月梅,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.3 网页设计的原则

设计是有原则的,网页设计遵循以下几个原则:统一、连贯、分割、对比及和谐。

统一是指网页的整体性和一致性。网页的整体效果是至关重要的,网页中各个版块设计风格要一致协调。图1-17所示的网页整体看起来就比较统一。

e271e78d48077e5d17fef937a1743cf28442d1af

连贯是指要注意页面的相互关系。设计中要注意各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分融洽得犹如一气呵成。
分割是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使浏览者一目了然。图1-18所示的网页分成了若干小块。

c32851509937e22ac9b9d654b893b80a3b069800

对比就是通过矛盾和冲突,使设计更加富有生气。对比的手法很多,如多与少、曲与直、强与弱、长与短、粗与细、主与次、黑与白、动与静及美与丑等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。图1-19所示的网页设计中运用了对比效果。

3670e3c140dfb418b21f056051c6e74af4b87a7a

和谐是指整个页面符合美的法则,浑然一体。网页不仅仅是色彩、形状、线条等的随意混合。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
前端开发教程:Javascript中如何定义类?
很多新手朋友第一次建网站时候,如何选择一款适合的网站源码是比较困惑的问题,选择一款好的网站源码可以节约大量时间和金钱,但是由于网站源码参差不齐,免费的,收费的,淘宝几元钱购买的,几万块钱的都有,那么怎么看一个网站源码是否值得使用呢,下面从专业的角度来分析。
592 0
《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 导读
十多年前,Internet在国内开始流行。其中,网页作为互联网的主要媒介受到了电脑爱好者的广泛关注。由于当时网速的限制,网页主要承载文本、图片等简单数据,使用Dreamweaver或Frontpage软件即可轻松制作网页。
1185 0
前端工程师如何快速的开发一个微信JSSDK应用
亲们,订阅号出来已经很久了,作为一个前端工程师或者全栈工程师,你是不是错过了什么?大概许多攻城狮同砚还没有反应过来订阅号怎么回事,就马上要被微信的应用号秀一脸了。在应用号还没有正式出来之前,我们赶紧一起来看看怎样给自己的订阅号加个网页功效吧。 一、订阅号网页与平凡的HTML5网页的区别 可能会有很多同学还没有弄清楚普通的HTML网页与订阅号网页的差别,我在这里简朴的说明一下。 订阅号的网页就
1928 0
H5移动前端开发常用高能css3汇总
1.禁止a标签点击高亮,这些都是非官方属性,但实用性超强  html,body{ -webkit-touch-callout: none; //禁止或显示系统默认菜单 -webkit-user-select: none; //禁止长按复制选择 -webki...
728 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
12049
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载