青州易达网络提供网站建设、关键词排名、企推宝推广、域名注册、网站空间、云服务器、企业邮箱、微信公众号、小程序开发,欢迎注册购买,我们期待与您的合作。热线电话:18953612398

青州网络公司

青州易达网络科技有限公司

注册购买
  公司简介 网站价格 客户案例 公司动态 网站常识 联系我们
  网站知识
     搜索引擎 / Search
     推广文库 / SEO
     推荐工具 / Tools
     网站教程 /Tutorial
  
 
   您的位置在:首页 > 青州易达网络科技有限公司 > 网站知识
   网站知识
网页设计教程(5):网页视觉设计
[ 来源:青州易达网络科技有限公司   发布日期:2012-3-18 13:20:29 ]
.

网页设计进阶之五--构图的均衡与视觉引导、曲��?��?光和影的运用

构图的均��?/STRONG>1、在非等形等量的情况下的构图以“均衡”来概括和衡量。与等形等量的平衡各站构图的50%��?BR>2、均衡的要素:平衡、变化和统一、明暗、色彩、空间层次等等等等��?BR>
构图的关��?/STRONG>
形状、位置、面积、方向、层��?BR>
构图的规��?/STRONG>
平衡/规律

视觉引导的基本特征:(遵循正常的阅读顺序��?BR>一、色彩引��?/STRONG>
点击在新窗口中浏览此图片

二、形状引��?/STRONG>
点击在新窗口中浏览此图片

三、姿势引��?/STRONG>
点击在新窗口中浏览此图片

四、明暗引��?/STRONG>

五、瞬间捕��?/STRONG>
点击在新窗口中浏览此图片

六、比��?BR>
------------------------------------可爱的分割线-----------------------------------

    可能你会觉得有很多重复的地方。但如果不将它们独立出来。无法更细致的让读者理解。可能还有不是很准确或我未分析出的东西。希望大家能够帮忙给补齐咯��?BR>
画面/视觉引导的作用:
1、引导阅读顺序。虽然是正常的阅读顺序,但还是有所变化的��?BR>2、引导至重点
3、引导区分页面的轻重关系及内容与功能块的区分
4、引导对设计思路的理��?BR>5、引导区域文化(比如中文/ENGLISH��?BR>6、引导,具体内容集中体现在导航��?BR>
曲线、弧、光和影
    新手对姿势引导、形状引导理解不够深的时候,慎用��?BR>------------------------------------谨慎的分割线-----------------------------------
曲线和弧,可以很柔和的当作分割页面来应��?效果大家都知��?很好.但是如何运用得当��?
遵循以上的所有要��?明确的知道你的弧起到什么作��?稍微去思考思考颜色和透明值的设置,我想,这不是很难的��?
点击在新窗口中浏览此图片

一个起始点和一个结束点.要考虑到画面的大小,考虑到不同分辨率下各看到多少内容.如果没有结束��?那么视觉延伸��?BR>引导的联想应该怎样去表��?
想一想荷花荷叶的形状,想一想芭蕉页的形��?想一想飞机在天上打弯的尾��?其实弧就在你的身��?.. ...
什么样的弧,才让人感觉自然呢?目前这一点还没研究出��?估计我也没那个能力去研究.
帖一篇物理方面的��?http://www.arcmanusa.com/arcforum/viewtopic.php?t=108

光和��?/STRONG>
这里说的不是电影.
具体我也说不清楚.总之这种效果很绚,很GOOD.我很喜欢.
它还是遵循以上所说的视觉引导和弧的理��?
点击在新窗口中浏览此图片

在我的收藏夹��?这个网站的注释为:”光与影的颠峰应用��?地址:http://www.nopattern.com/nopattern/

引申的其他概��?BR>本篇文章其实也是在无意之中完成的。在开始的时候,我花了大��?个小时的时间将均衡这一名词做了解释,目的是为了
提高同事的能力。之前将的一些东西他们掌握的很好。在均衡的手写教程和口头讲解结束后。我想到的画面的视觉引导
这一主题。随后做出了概述。与均衡的原理想结合,让我产生了阐述一下弧的想法,随后深入到光和影的处理。刚好手��?BR>有这方面的优秀作品��?BR>在这些东西或深或浅或残缺的阐述之后,我的脑袋里不由得冒出一个词“视觉重量”��?BR>目前还未能对这个词做出准确的定义或论述。但是我想我能够把它给形容出来��?BR>1:规律与秩序决定视觉重量的层次、轻��?BR>2:对比与统一产生的和谐,才能衬托出视觉重量的均衡
3:一斤棉花和一斤铁(直觉告诉我和这个有关)
4:阅读习惯,首尾要比中间要重一些。(在等形等量的基础上。比如一行字��?BR>5:质感与联想��?BR>   这一点解释起来就比较容易的多。白云和棉花的感觉是压不死人的,虽然可以通过色调给人一种窒息、压抑的感觉��?BR>但是比起大理石或钢铁之类的质感还是要轻很多。调动了读者的联想思维。那么视觉重量的概念会更清晰一些��?BR>6:二维和三维在同等表现下,三维的视觉重量要比二维重��?BR>
我试图找出一些物理上的依据,但是通过搜索引擎只找到H.K.哈特��?G.沃尔德的<发现眼睛的化学及重量视觉过程>的这��?BR>条目,说的是这俩人获得过诺贝尔��?但是没有相关的阐��?而且我英文很��?

青州网站建设关键词排名优化企推宝商贸推广域名注册
首页 | 人才招聘 | 域名空间 | 网页设计案例 | 网站知识
地址:山东省青州市泰丰购物广场1237-2   邮编:262500   E- Mail:278439672@qq.com   在线Q Q:点击发送消息给对方 
业务咨询: 18953612398   站点地图 青州做网站
Copyright (c) 2010-2030 青州网站建设 . All rights reserved
青州易达网络科技有限公司 鲁ICP备12012080号-1