欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

视觉设计基础:四个设计原则

发布时间:2018:01:24 12:28:23 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1375个文字,预计阅读时间4分钟
导语
关于视觉设计的四个原则,可以通过该本文来了解一下。

  关于视觉设计的四个原则,可以通过该本文来了解一下。

  

视觉设计基础:四个设计原则

 

  在很多的时候我们做设计的时候都会忽略一些基本的设计原则,很多设计师即使做了很多年的设计也不能完全说清楚设计的原则,设计全凭感觉,至于为什么这样去设计很难有很合理的解释。

推荐阅读:网站建设营销推广的视觉设计有哪些要素

  俗话说九层之台始于垒土,可见基础是多么的重要,设计也是一样,我们都需要打好扎实的基础。而今天说要说的设计原则是根据著名图书《写给大家看的设计》一书来写的。

  

视觉设计基础:四个设计原则

 

  01 详解四大设计原则

  今天为大家详细讲解《写给大家看的设计》一书中提到四大基本原则:亲密、对齐、重复、对比

  

视觉设计基础:四个设计原则

 

  亲密:

  指的是将彼此相关联的项,在空间的角度上更靠近些。比如微信在发现页面中相似的类目靠的更近,我们的心理默认认为靠的更加近的是同一类别的的信息;相反的,如果没有运用亲密性的原则,整个微信的信息就看起来非常的混乱。

  

视觉设计基础:四个设计原则

 

  对齐:

  对齐的根本目的是使页面统一而且有条理。然而对齐分为物理对齐和视觉对齐,物理对齐指的是我们可以用物理直线来衡量是否对齐;而视觉对齐指视觉感官上的对齐,它基本上所用在的地方是一些物理对齐不能带给我们对齐的感觉的特殊情况之下。那么视觉对齐一般在什么情况下我们能用到呢?

  

视觉设计基础:四个设计原则

 

  【01】图形和图形之间的视觉对齐

  一般出现的是在一个为具有收缩感而另一个不具收缩感的情况之下,比如说正方形和圆形。那么如何解决这个问题呢,我们只需要遵循以下的原则:将有收缩感的物体稍微放大一点可以和没有收缩感的物体达到平衡。

  

视觉设计基础:四个设计原则

 

  【02】文字和文字之间的视觉对齐

  文字和文字分为三种情况。一种是中文和中文的对齐,因为中文是属于方块字,所以物理对齐基本就可以了;第二种是英文和英文的对齐,如图上所示,,英文字体有些是属于收缩感字体,所以我们这时就需要进行视觉的对齐,如果英文都不是收缩感字体的话,我们只需要进行物理的对齐;第三种就是中文和英文的对齐,处理的方式和第三种情况想类似。

  

视觉设计基础:四个设计原则

 

  【03】图形和文字之间的视觉对齐

  图形和文字之间的对齐分为两种情况。一种是权重比较小的线条图形和文字的对齐,这种情况我们只需要将具有收缩感的图形放大或者移动几个像素就可以达到视觉的平衡。另一种是权重比较大的块状图形,这种情况下我们只需要进行物理对齐就行了,因为块状的物理权重比文字大,可以弥补上视觉的不平衡感。

  

视觉设计基础:四个设计原则

 

  重复:

  重复的目的是统一,并增强视觉效果,但要避免过多地重复一个元素,让人感觉不太舒服。比如盒马APP首页的界面,在盒我抢的版块就运用了重复的原则,整体看起来非常的统一、和谐。

  

视觉设计基础:四个设计原则

 

  对比:

  对比效果可以通过字体选择、线宽、颜色、形状等来增加对比重要的是对比一定要强烈。比如这张banner就运用了文字对比和颜色对比的原则,banner的信息层次就区分的非常明显,很好的展现了要表现的主体内容。

  

视觉设计基础:四个设计原则

 

  02 案例操作

  说完了原则,我就带大家一起来进行案例的实际操作来展示这四大原则的用法,首先我们先分析这个界面存在的一些问题:

  头部区域给人很压抑的感觉

  常用的操作入口,应该重点突出,但是现在却很平

  信息没有做区分、版面显得很空

  菜单栏五个栏目太拥挤了,图标不统一,而且选中的黄色在白色上面特别的不明显

  

视觉设计基础:四个设计原则

 

  改造后的界面

  

视觉设计基础:四个设计原则

 

  亲密和对齐原则的运用

  

视觉设计基础:四个设计原则

 

  重复和对比原则的运用

  文章到此就已经结束了,感谢大家的阅读,希望能已经讲清楚《写给大家看的设计书》中的四大原则的内容。

  本文由 @小凡 原创发布。未经许可,禁止转载。

  题图来自unsplash,基于CC0协议

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:为前端而生!2018年1月超实用前端干货大合集!

下一篇:一个关于手机版原型设计中标记注释的小方式

  • 18894 文章总数
  • 2305650访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信