剖析网页设计中的几何圆

裸姐

裸姐

2016-02-17 03:40

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享剖析网页设计中的几何圆教程,希望对大家能有一点小小的帮助。

你的设计为什么平平无奇,为什么吸引不到别人的眼球,这里先来说说什么是焦点(也可以称兴趣中心或者视觉中心),我认为用焦点更能简单准确的阐述。有人用通俗的方法来诠释焦点,在设计的页面上最吸引人注意的地方,视线上集中交汇的地方,这个位置就叫焦点,在日常生活中我们运用照相机对准人的脸部,那也是在获取一个焦点。在网页设计中,引导用户集中在你想让他关注的画面上,那样会让你的设计有重心和亮点。

剖析网页设计中的几何圆,PS教程,图老师教程网

视觉焦点的处理方式

剖析网页设计中的几何圆,PS教程,图老师教程网

人们用视觉获取环境中的信息,对你注意的周围都会是模糊的,你视线集中的中心点是最清晰的。第一张,视觉上呈现这样的状态是,视线上没有集中,整体模糊,是成方形的视觉框架。第二张和第三张,图中的两朵花在图形中是最漂亮的亮点,漂亮的东西会引人注意,你会注意到上一朵或则下一朵,注意任何一朵花的时候,眼球集中点会以圆的形状向外逐渐模糊,最中心点就是焦点。圆形作为设计中的元素的时候,自然更加的适应视觉上的感知。

视觉强弱

剖析网页设计中的几何圆,PS教程,图老师教程网

美女其实可以独立成为一个视觉焦点,但当我们给美女加了圆形边框后,视觉焦点就转移到圆形边框包括到的美女上,最后将圆形填充,视觉焦点就转移到填充色的圆形的美女上。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

下面本人做了点对比图片

剖析网页设计中的几何圆,PS教程,图老师教程网

图1 整体画面平平,人物排列没有层次,视觉上给人感觉很散。

图2通过添加圆形背景框,会让你想表达的图形首先进入用户眼球。

图3不仅添加圆形背景框,再区分人物大小,主次分明,焦点突出,画面活跃立体。

几何的对比

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

剖析网页设计中的几何圆,PS教程,图老师教程网

上图中我们可以看到,方形过度到圆形的变化,圆形是由极其细小的边角组成,在变化当中图形变得越来越有乐趣,比较下来圆形在几何图形中具有平滑流畅的边缘,圆形更让人感觉轻松,愉悦。设计需要增加乐趣的时候,我们可以多运用流畅线条的图形来让页面活跃起来。

实例效果进行比较

剖析网页设计中的几何圆,PS教程,图老师教程网

在这个页面上圆形挑起了大梁,支撑整个页面,人物笑脸图片组合的圆形包围着瓶子,映射了这个饮料带给我们的快乐。圆形不仅加强了焦点,更加强了页面的层次感,让页面不会单薄,无力度。

剖析网页设计中的几何圆,PS教程,图老师教程网

虽然同样用加框的形式来集中物体焦点,同圆形边框相比整体画面呆板,僵硬,缺失了活跃的感觉。

剖析网页设计中的几何圆,PS教程,图老师教程网

富有节奏的设计,连贯的圆形元素组合,网站的主体富有节奏的形状,营造了网站活泼的气氛。方形的组合结构使得网站变得严谨许多。

剖析网页设计中的几何圆,PS教程,图老师教程网

圆形对价格的标注,让用户对这诱惑的价格更加的感兴趣,很好的营造了商品的气氛。

圆形元素和其它几何图形比较,具有圆滑的特点,让人感觉轻松,愉悦,合理的运用会提高页面的层次,让焦点更加突出,增强视觉感的同时也能够营造活跃的氛围。我们都在不断尝试如何让页面变的美观而生动,创造富有活力的页面,让网站给人的视觉感受富有好感,把握好设计中的焦点,使页面信息有效传达的前提下,运用有趣的圆形来设计页面是设计中很有效的方法。

交作业

展开更多 50%)
分享

猜你喜欢

剖析网页设计中的几何圆

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
剖析网页设计中的几何圆

网站设计中的几何圆形

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网站设计中的几何圆形

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Maya设计中对行走的剖析

设计软件 平面设计软件 广告设计软件
Maya设计中对行走的剖析

网页设计配色应用实例剖析——黑色系

Web开发
网页设计配色应用实例剖析——黑色系

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

网页设计配色应用实例剖析—紫色系

Web开发
网页设计配色应用实例剖析—紫色系

网页设计配色剖析之绿色使用技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网页设计配色剖析之绿色使用技巧

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

网站中的上一页和下一页表现方式

网站中的上一页和下一页表现方式

简约的平面设计案例

简约的平面设计案例
下拉加载更多内容 ↓