恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
课程回顾 原则练习范例
0.0°
2017-10-19 原创文章 经验/观点 举报 1534 2 18 1

上节课我们学习了设计入门的四个基本原则——对齐、亲密、对比、重复。

相信大家对于设计排版已经有了新的认识,其实也没有想象中那么困难对吧?

遵循这四个原则,你的设计便能够做到清晰规范,在之后的不断实践中,你们会发现每一次的设计都会自然使用到它们,所以先打好基础,再在规范中寻找突破!

Image title


这张图是上周给大家留下的练习作业。

我们要对其进行修改,首先需要做的是——理清逻辑和条理,将文案内容进行分组。

显而易见,内容分组应该是这样的:

1、川外学生之家招新啦【主题】

2、掌握川外一手资讯的新媒体平台【辅助文案】

3、设计组【落款】

4、2017/10/15【时间】


分完组之后,我们会发现:明明有4个组,为什么上图文案之间的间距都是一模一样的,这样明显是不合理的。

接下来,我们的四大原则就该发挥它们的威力了。


一、亲密

如果元素彼此相关,就把它们分在一组建立更近的亲密性。相互之间没有直接关联的元素要分开。设置不同的间距来指示各元素的接近程度或关系的重要性。除了可创造出更漂亮的页面外观,亲密原则也可以让表达更清晰。

Image title


利用亲密原则,我们可以很容易地将内容联系较为紧密的组靠得更近一些,而不是让这几排文案间距一致,成为五个孤立的单元。比如:主题和辅助文案可以更近一点,落款和时间可以更近一点;为了让条理更清晰、将落款信息和主题信息区别开来,也为了版面构图更合理,我们让这两个大组之间远一点,分别占据版面的上方和下方,并且整体水平垂直居中。


二、对齐

应当注意放在页面上的每一个元素,要保证整个页面是统一的,将每个对象与另一个对象的一个边界对齐。只有在对齐很明显的基础上,才可以选择偶尔打破对齐规则,在这种情况下打破常规对齐看上去才不会是个失误。

Image title


尽管落款信息和主题相距甚远,但是由于有对齐关系在,这两个大组之间在视觉上仍然是存在关联性的,也能够引导读者的阅读顺序。

我们可以将整个文案左对齐,或者右对齐,因为这样会较居中对齐来说,多了一个更明显的边界,这条线更直观、明确,使读者的视线有基准可循。与居中对齐相对,左对齐或者右对齐其实更为精美。


三、重复

重复是更能保证一致性的设计方式。可以看看现在已经重复的元素(项目符号、图标、字体、线条、颜色等),是不是可以让其中某个元素更突出,把它用作为重复元素。重复还有助于增强读者对设计所表示的实体的认知度。

Image title

小三角是专门为建立重复而特别增加的。尽管每个三角指向不同的方向,但是三角的形状很有特点,足以每次都能作为重复元素被识别出来。

有没有发现增加小三角之后,平淡的文案内容变得生动起来了呢?当然,你还可以增加其他的元素,比如线条或其他形状。


四、对比

分明的对比能更吸引人的眼球。增加对比的方式有很多种,比如线条、字体、颜色、空间关系、方向等。记住:想用到对比,就一定大胆地用,让对比更强烈!

Image title

在这里增加对比很简单,只是增加了一个黑方框而已,但由于背景颜色是白色的,这时新增黑色填充就会特别显眼。



以上是对上节课内容的一个知识回顾,让大家在练习的过程中体会原则之美。

做设计,如何快速入门?

只要大家看完了设计软件的基础教程视频,再牢记这四条设计原则,多逛设计网站找寻灵感,勤加练习,你做设计的时候就会越来越顺手。

模仿是创造的第一步,一定要多看、多练,不要害怕去模仿好的作品,如果你连基本的方法都没有掌握,如何去进行自己的创新呢?


设计其实很简单,每个人都有一个审美观,当你的审美能做出让读者也觉得美的设计,那你就是一个合格的设计师了!


——————————————————————————————————


参考资料:

《写给大家看的设计书》


回顾上一课:

《做设计,如何快速入门?》

http://www.ui.cn/detail/204149.html

Image title








微信公众号:叶设计的自习室

更新:2017-10-19

收藏

2人已收藏

超级叶

微信公众号:叶设计的自习室

  • 48

    作品

  • 1842

    粉丝

  • 70

    关注

  • 教程 | Vol.7 用AI做文字效果设计 之 三步打造破碎
  • 教程 | Vol.6 用AI做文字效果设计 之 酷炫故障文字
  • 教程 | Vol.5 用AI做文字效果 之 解构堆叠扭曲文字
  • 教程 | Vol.4 用AI做文字效果 之 封套扭曲变形字

    猜你喜欢

      2017-10-19 原创文章 经验/观点 举报 1534 2 18 1

      课程回顾 原则练习范例

      0.0°

      你确定要举报课程回顾 原则练习范例

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年10月19日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      18
      2
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录