上一篇文章:网页设计教程(4):关于素材和言志
网页设计进阶之五--构图的均衡与视觉引导、曲线/弧/光和影的运用
构图的均衡1、在非等形等量的情况下的构图以“均衡”来概括和衡量。与等形等量的平衡各站构图的50%。
2、均衡的要素:平衡、变化和统一、明暗、色彩、空间层次等等等等。
构图的关系
形状、位置、面积、方向、层次
构图的规律
平衡/规律
视觉引导的基本特征:(遵循正常的阅读顺序)
一、色彩引导
![网页设计教程(5):网页视觉设计](/UploadFiles/2021-03-30/20081017202926577801.gif)
二、形状引导
![网页设计教程(5):网页视觉设计](/UploadFiles/2021-03-30/20081017202931277802.gif)
三、姿势引导
![网页设计教程(5):网页视觉设计](/UploadFiles/2021-03-30/20081017202935977803.gif)
四、明暗引导
五、瞬间捕捉
![网页设计教程(5):网页视觉设计](/UploadFiles/2021-03-30/20081017202942177804.gif)
六、比例
------------------------------------可爱的分割线-----------------------------------
可能你会觉得有很多重复的地方。但如果不将它们独立出来。无法更细致的让读者理解。可能还有不是很准确或我未分析出的东西。希望大家能够帮忙给补齐咯。
画面/视觉引导的作用:
1、引导阅读顺序。虽然是正常的阅读顺序,但还是有所变化的。
2、引导至重点
3、引导区分页面的轻重关系及内容与功能块的区分
4、引导对设计思路的理解
5、引导区域文化(比如中文/ENGLISH)
6、引导,具体内容集中体现在导航。
曲线、弧、光和影
新手对姿势引导、形状引导理解不够深的时候,慎用弧
------------------------------------谨慎的分割线-----------------------------------
曲线和弧,可以很柔和的当作分割页面来应用.效果大家都知道,很好.但是如何运用得当呢?
遵循以上的所有要点.明确的知道你的弧起到什么作用.稍微去思考思考颜色和透明值的设置,我想,这不是很难的吧.
![网页设计教程(5):网页视觉设计](/UploadFiles/2021-03-30/20081017202946877805.gif)
一个起始点和一个结束点.要考虑到画面的大小,考虑到不同分辨率下各看到多少内容.如果没有结束点,那么视觉延伸和
引导的联想应该怎样去表达.
想一想荷花荷叶的形状,想一想芭蕉页的形状,想一想飞机在天上打弯的尾气.其实弧就在你的身边... ...
什么样的弧,才让人感觉自然呢?目前这一点还没研究出来.估计我也没那个能力去研究.
帖一篇物理方面的吧:http://www.arcmanusa.com/arcforum/viewtopic.php?t=108
光和影
这里说的不是电影.
具体我也说不清楚.总之这种效果很绚,很GOOD.我很喜欢.
它还是遵循以上所说的视觉引导和弧的理论.
![网页设计教程(5):网页视觉设计](/UploadFiles/2021-03-30/20081017202950077806.jpg)
在我的收藏夹里,这个网站的注释为:”光与影的颠峰应用”,地址:http://www.nopattern.com/nopattern/
引申的其他概念
本篇文章其实也是在无意之中完成的。在开始的时候,我花了大约2个小时的时间将均衡这一名词做了解释,目的是为了
提高同事的能力。之前将的一些东西他们掌握的很好。在均衡的手写教程和口头讲解结束后。我想到的画面的视觉引导
这一主题。随后做出了概述。与均衡的原理想结合,让我产生了阐述一下弧的想法,随后深入到光和影的处理。刚好手上
有这方面的优秀作品。
在这些东西或深或浅或残缺的阐述之后,我的脑袋里不由得冒出一个词“视觉重量”。
目前还未能对这个词做出准确的定义或论述。但是我想我能够把它给形容出来。
1:规律与秩序决定视觉重量的层次、轻重
2:对比与统一产生的和谐,才能衬托出视觉重量的均衡
3:一斤棉花和一斤铁(直觉告诉我和这个有关)
4:阅读习惯,首尾要比中间要重一些。(在等形等量的基础上。比如一行字)
5:质感与联想。
这一点解释起来就比较容易的多。白云和棉花的感觉是压不死人的,虽然可以通过色调给人一种窒息、压抑的感觉。
但是比起大理石或钢铁之类的质感还是要轻很多。调动了读者的联想思维。那么视觉重量的概念会更清晰一些。
6:二维和三维在同等表现下,三维的视觉重量要比二维重。
我试图找出一些物理上的依据,但是通过搜索引擎只找到H.K.哈特兰,G.沃尔德的<发现眼睛的化学及重量视觉过程>的这个
条目,说的是这俩人获得过诺贝尔奖.但是没有相关的阐述.而且我英文很差.
-----------------------------------------------------------------------------------
下边是我的手稿,手机拍的:
![网页设计教程(5):网页视觉设计](/UploadFiles/2021-03-30/20081017202954677807.jpg)
原始JPG下载
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2024年09月08日
2024年09月08日
- 人听人爱,入耳即溶《天碟落地3《HIFI瑰宝》示范颠峰之作》[WAV+CUE/分轨][839.9MB]
- 莫扎特安魂曲舍尔琴,维也纳国家歌剧院,1958【FLAC】
- 罗西尼五部歌剧序曲班贝格佩雷亚1958年【FLAC】
- 【HIRES】李云迪-莫扎特:钢琴奏鸣曲计划-萨尔兹堡-2024-24-96FLAC分轨
- 珍娜JheenaLodwick-GettingToKnowYou(XRCD)[WAV+CUE]
- 珍纳JheenaLodwick-AllMyLoving全我所爱(XRCD)[WAV+CUE]
- JheenaLodwick-Feeling挚爱(XRCD)[WAV+CUE]
- 人听人爱,入耳即溶《天碟落地2《测机王HQ》日本母带发烧音质》[WAV+CUE/分轨][709.9MB]
- 人听人爱,入耳即溶《天碟落地1《示范碟皇》殿堂级演绎名作》[WAV+CUE/分轨][786.9MB]
- MICO刘为《观·自在行》CD[FLAC/分轨][1.3GB]
- 珍纳JheenaLodwick-SingingInTheRain(XRCD)[WAV+CUE]
- 珍纳JheenaLodwick-Feelings非常感觉2-HDCD[WAV+CUE]
- 珍纳精选JheenaLodwick-JheenaLodwickGreatest[香港版]2015[WAV+CUE]
- 谁杀死了HI-FI音乐-《涂鸦精选VOL.2》[WAV+CUE]
- Mav-Mav《美芙的祈祷》(2000)[WAV+CUE]