技术资讯
一名视觉设计师对于网站设计的思考
2008-12-24 08:55:00
目前，网络上有关网页制作的各种教程已经相当多，可以方便地学习到新颖的技术和技巧。可是，有关网页的设计,比如设计灵感的实现，风格的确定，发展策略，技术的筛选等文章却比较少。于是针对于此，我们这次分享会就请视觉设计师袁青林来为大家介绍一下网页设计的经验，主要就页面布局的平衡性方面，来和大家交流一下。如果您有好的建议和心得，也可以留言，互相交流探讨，在此先道一声谢谢，之后开始我们的网页设计之旅。
网页版面与报纸版面设计
网站设计就象传统的报刊杂志一样，我们通常都是把网页看作一张报纸，或者一本杂志来进行排版布局。但是印刷和网络是不一样的。
传统的布局排版并不适于网络，因为传统的印刷布局，几乎想要什么样的平面效果都能很好的达到，但在网络上设计就很困难，尽管很多的效果都能通过一些Javascript或是高级的CSS技巧来实现，但结果是使用你的源代码很臃肿，网页载入很慢。
而同样的，网络上的很多排版布局也不同传统的印刷打印，毕竞这是两个相隔时间很长的事物。但是，在最近的几年中，我们发现越来越多的报纸开始使用网页设计布局排版，比如大量的页面留白和基于网络的设计。同时，我们也可以借鉴传统报纸的排版布局来获取新鲜的网页创意设计灵感。
el economista (madrid, spain)
经济学家报 马德里，西班牙
el economista 使用一个很传统，含蓄，独特的报纸版面和公告，在印刷上面突出比较重要的文章。 图片信息支持的内容和标题，四周都是大量的空白，我们可以看到这个版面设计很有网页的风格。
下面我们通过几个简单的例子，从四个方面来看版面布局的平衡性，分别是留白、颜色、文字和节奏
留白
这是某房产广告设计，可以看到很好的运用了留白
颜色
色彩的平衡性
文字
文字排版的平衡
节奏
节奏表现手段从支配行为上可以概括为速度（快、慢），力量（轻、重），从排版上可归纳为集中与分散。节奏表现手段的运用所唤起的直接效果可以大致概括 为紧张、松弛、宁静、躁动。
如果在绘画实践中对一根线条或是一笔颜色在速度上的使用造成快慢差异，其画面结果可以直接导致视觉及心理上的紧张与松弛感。同 理，在网站设计中，针对点、线、面等元素，以集中或分散的排列差异变化将导致视觉及心理上的宁静与躁动。
好啦，本期分享内容就到这里，下面提供袁大师的精彩ppt给大家下载
网站设计的思考.ppt
近期更新
- [2023-07-26 14:17:28] 为品牌赋能，海外官网品牌数字化
- [2023-05-06 10:32:26] 青岛网站建设公司,品牌网站定制,一站式网站服务——力图数字科技
- [2023-04-27 13:47:54] 品牌定制网站建设——从满足预期到走向超预期
- [2023-04-11 09:17:49] H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 青岛网站建设的流程
- [2021-04-29 10:14:38] 企业定制化官网建设项目
- [2021-03-05 10:34:45] 移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 微信小程序有哪些优势？为什么要开发微信小程序？
- [2021-01-08 17:28:04] 网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 建设一个常规的公司网站建设成本大概是多少？
延伸阅读
- [2015-03-19 09:09:02] 如何避免搜索引擎排名的致命错误解析？
- [2014-10-28 08:31:20] 青岛网站建设费用预算
- [2015-03-25 09:36:57] 三种链接方式的介绍及应用？
- [2014-05-15 21:39:27] 优秀的网站设计公司能赋予您一个什么样的网站？
- [2011-10-27 22:12:15] 网站关键词间隔符号用什么好？
- [2014-11-25 22:45:19] {dedechannel limit= channel 增加limit属性 功能
- [2011-12-26 17:37:19] 如何挖掘网站长尾关键词
- [2011-10-20 16:45:44] 在青岛网站设计中套用网站模板的弊端有哪些？
- [2015-08-19 00:10:10] 如何加强网站程序的安全性
- [2014-11-06 10:48:40] 八个优秀的图片和图标的搜索引擎
- [2015-03-24 08:12:09] 网站内容质量分析与应用？
- [2011-12-28 22:59:35] 如何运营好一个企业网站
