七彩设计网
  • 首页
  • 干货导航
    • 入门教程
    • 设计检查
    • 疑惑解答
    • 往期活动
    • 站长历程
    • 公号联盟
  • 教程
    • 视频教程
      • B站视频集
      • AE视频集
      • 调整中
    • Photoshop
    • Illustrator
    • XD
      • 软件下载
      • 快捷键
    • AE动效
      • 视频教程
    • SKetch
    • icon图标
      • 布尔运算
    • APP设计
      • 标注
      • 切图
      • 尺寸
      • 适配方法
      • 设计规范
    • 网页设计
      • 设计规范
    • 交互/原型
      • Flinto
      • Principle
      • mockplus
    • H5设计
    • 小程序
    • 色彩搭配
    • 版式构图
    • Banner
    • 手绘插画
    • LOGO字体
    • 其他教程
  • 经验
    • 咋找灵感
    • 流行趋势
    • 设计原则
    • 设计规范
    • 设计理论
    • 学习方法
    • 项目总结
    • 话题讨论
  • 学堂
    • 在线课程
    • 0基础班
    • UI高级班
    • 学员作品
    • 视频课程
  • 交作业
    • 图标作业
    • APP作业
    • 动效作业
    • 后台界面
    • 学画原型
    • 绘画作业
  • 欣赏
    • 佳作欣赏
    • APP截图
    • ICON欣赏
    • 启动图标
    • 插画欣赏
    • iPad界面
    • 后台界面
  • 下载
    • APP截图包
    • 展示模板
    • uikit
    • APP模版
    • PS插件
    • 字体下载
    • icon下载
    • UI规范
    • 网站模板
    • 精品素材
    • 神器工具
    • 在线工具
    • 软件后台
  • 找工作
    • 面试技巧
    • 简历作品集
    • 职场疑惑
    • 私活报价
    • 作品样本
免注册快速登录
几何

设计师成长过程中,一定要掌握这六条原则

几何 学习方法 2020-09-28 688浏览

设计师在成长过程中,避免不了踩坑,如果提前掌握一些原则技巧,可以减少一些挫折。本周我整理六个常用视觉设计原则,也是我在设计中经常运用的,分享给大家,希望可以帮助大家提高设计,共同进步。

 

聚焦关键信息

其实就是我们常说的视觉焦点,产品设计如果没有了焦点,那么会平淡无奇。因此设计时候一定要聚焦关键信息展现,利于我们在商业上的转化。

强调焦点的方法有很多,可以通过视觉五要素等(形色字质构),下面看看一些实际案例。

运用圆形和留白来强调焦点。

运用颜色和四周动感斜线聚焦中心点,抓住用户眼球。

运用人物摄影图来制造焦点,在这里人眼更能吸引用户目光。因此整个画面中心聚焦在人物头像那一块,正好突出了围巾这个产品。

 

视觉动线

设计中,视觉运动展现方式有很多,可以通过视觉设计手法或者摄影图来引导用户视线,将用户吸引到关键的位置,以达到产品上或者商业目的。

一个很好的例子是罗马梵蒂冈展出的著名的Laocoon及其儿子的大理石雕塑,如下图。

身体各个躯干基本聚焦在一个方向上,尽管处于一个立体空间里,但最终它们视线都会聚焦中心大的雕塑。

这样思路在平面设计或者UI设计中也是比较常用,下面一些优秀案例。

眼睛会随着文字轨迹,找到关键椅子元素。

上图,几乎所有元素都指向中间的产品宣传图。

 

根据产品性格使用空间

空间是最重要的原则。通过控制和塑造产品设计中的空间,我们可以创建节奏、方向和运动。空间有如下四大作用在设计中体现。

1.创建元素分组

2.建立信息焦点和层次结构

3.提高可读性

4.构建产品性格

不同大小空间,表达含义完全不同,比如天猫紧凑排版和韩国29CM的设计相比,完全就是两种产品性格定位。

注意:这里各种间距大小没有好坏之分,根据产品市场定位来决定。只要能达到商业目标都是好的设计(当然糟糕的设计除外)。

下面来看几个案例,可以感受下他们调性是怎样的。

看完后有没有觉得,哇靠,简约高级。这就是运用大空间的效果,当然选图也很关键。

 

平衡定律

平衡定律在生活中无处不在,如建筑艺术、工业设计、装置艺术等。在设计中,平衡定律同样重要,它是美学中必不可少的一部分。

平衡又分为对称平衡和非对称平衡,一起看看它在设计中如何应用。

上图案例,属于不对称平衡,虽然右侧内容多,但是在左侧,左上角有个商标排版,正好形成稳定感。

上图对称平衡,两边视觉重量一致。

不对称平衡,画面简约干净美。

 

使用相同调性图片

图像是设计语言关键要素,如果图片给人感觉不是一个世界的,会缺少凝聚力,反之会带来更大化视觉冲击力。下面我通过几个案例说明。

上图中,摄影图风格调性大感觉一致。

音乐图片属性相同,因此给人感觉一致性很强,风格感十足。

这里作者通过色彩让三张图视觉上统一。

 

融入形状

设计中运用形状可以增强设计形式感。形状可以表达产品风格特征,比如记忆点打造。在交互式设计中,几何形状对于有效交流至关重要。因为它们比文本更快速,更通用地传达含义

上图,网站突破传统设计方式,以微妙的方式使用正方形和圆形形状来呈现独特的视觉层次结构,从而引导访问者浏览内容。

地址:https://www.signesduquotidien.org/projets/  (交互方式新奇,推荐体验)

不规则图形可以增强网页设计形式感和新鲜感,还可以用在设计中作为背景存在。

与元素相呼应,达到传递信息目的。

 

总结

今天分享六大基础设计原则,它们之间可相互融合运用,并不是单一存在。如何更加巧妙将这些原则相互集合使用,产生出最大化收益,需要设计师们多去探索。设计出创新的视觉页面。

 

原文地址:功夫UX(公众号)

作者:功夫UX

转载请注明:七彩设计网 » 设计师成长过程中,一定要掌握这六条原则

登录收藏
 
你可能喜欢的:
APP设计实例解析,深色模式为什么突然就火了?APP设计实例解析,深色模式为什么突然就火了?
交互原型细节提升之路交互原型细节提升之路
糟糕的设计是如何影响电商销量的?糟糕的设计是如何影响电商销量的?
解构|今日头条设计背后的逻辑
如何从优秀作品中偷师,用一个游戏案例教你思路
没人带的设计师如何提升自己?
顶部导航vs侧边导航,哪一种用户体验更好?
研究了100多个App后,发现了顶部栏UI设计的模式和规则!
UI设计中一致性如何做?看这篇就够了
【产品体验设计】-产品认知篇
继续浏览有关 UI设计经验学习方法 的文章
上一篇 辅助绘画神器?!小心别爱上它~ 【大咖专访】七七六:骨子里对美这件事情,有着独特的追求 下一篇
文章评论

软件教程

  • PS教程
  • AI教程
  • AE教程
  • XD
  • Sketch
  • Principle

今日文章

  • 《符号学》在设计领域的应用《符号学》在设计领域的应用2020-10-03
  • 做设计有一道及格线,标准肯定是“它”做设计有一道及格线,标准肯定是“它”2020-10-02
  • ​设计师必看的字体与排版应用指南​设计师必看的字体与排版应用指南2020-10-01
  • APP设计实例解析,深色模式为什么突然就火了?APP设计实例解析,深色模式为什么突然就火了?2020-09-30
  • 个性的魅力,音乐、戏剧海报集锦【贺冰凇视觉艺术】个性的魅力,音乐、戏剧海报集锦【贺冰凇视觉艺术】2020-09-30


建议/投稿 | 关于我们 | 免责声明 | 文章存档 | 标签云 | 粤ICP备16101670号-2 © 2020 七彩设计网