IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

做设计,为什么总是心里没底?

Catherine • 2017-05-05 15:03 • 交互设计

相信有很多小伙伴和我一样,经历过“做设计,心里没底”的情况,说的直接点就是“找到好参考就能做好,找不到好参就做不好,即使做出了好作品,也觉得带有一定的偶然性!”为什么会这样呢?最近菜心对这个问题感触颇深,所以想和大家分享一下自己的经验。ps:今天的干货是sketch4.1安装包及中文教程,大家可以自行下载。下载地址:https://pan.baidu.com/s/1c2oZkQW(无需密码)

文章目录[隐藏]

  • 1. 大小
  • 2. 疏密
  • 3. 颜色
  • 4. 方向
  • 5. 形状
    • #专栏作家#

相信有很多小伙伴和我一样,经历过“做设计,心里没底”的情况,说的直接点就是“找到好参考就能做好,找不到好参就做不好,即使做出了好作品,也觉得带有一定的偶然性!”为什么会这样呢?最近菜心对这个问题感触颇深,所以想和大家分享一下自己的经验。

做设计,为什么总是心里没底?

废话少说,直接上栗子!

下图是我最近在做的一款logo,叫做iwork:

做设计,为什么总是心里没底?

装下13,加个带辅助线的:

做设计,为什么总是心里没底?

根据“视觉品牌基因法”,我得到了辅助元素,如下图:

做设计,为什么总是心里没底?

但是在做延展的时候遇到了问题,由于自己的“平面构成”水平一般,所以一直以来对于图形延展都很抗拒,自己常用的延展方式要么是放大单个元素,要么是平铺元素,如下图:

做设计,为什么总是心里没底?

这两招已经用三年了,所以这一次打算离开自己的舒适区,做一次不一样的!

虽然有了决心,但是凭空来做,还是做不好,于是找了大量参考,最后经过筛选得到下图:

做设计,为什么总是心里没底?

我对着上面的感觉开始做自己的图形延展,做了一遍又一遍,得到结果如下:

做设计,为什么总是心里没底?

总感觉哪里不对,但又说不上来,我像一只无头苍蝇一样,又做了很多稿,可还是不理想。突然我意识到,这样做下去并没有在根本上解决问题,即使侥幸做出来了满意的图形延展,那也是一种偶然,下次再做其它元素的延展,还是会摸不清头脑,浪费大量的时间。

于是,我决定去研究原作者的图形,分析它好看的内在原理是什么?

这个分析的过程你可以自己思考,也可以找小伙伴一起讨论,当你得到一些结论之后,可以尝试用自己的案例去验证,这样不断的反复试错,从而总结出属于自己的理论依据!

按照上面的方法,我得出两个字来形容参考图好看的原因——丰富,而这个丰富我们可以从5个方面来考虑,大纲如下:

  1. 大小
  2. 疏密
  3. 颜色
  4. 方向
  5. 形状

1. 大小

元素大小丰富,有大有小,对比明显,如下图:

做设计,为什么总是心里没底?

2. 疏密

元素疏密程度丰富,有疏有密,如下图:

做设计,为什么总是心里没底?

3. 颜色

颜色层次丰富,共有三层——红色底、黑色元素、白色字体,如下图:

做设计,为什么总是心里没底?

4. 方向

元素排列方向丰富,如下图:

做设计,为什么总是心里没底?

以上这四个点,是比较基础的,也是我个人原本就知道的知识点,而下面第5点则是本次设计所收货最大的内容,我们来接着看。

5. 形状

虽然基础图形只有两个样式,但是由于画面边上的元素被切割,从而使每一个元素的形状看起来都是不同的,这样也就增强了视觉样式的丰富性, 如图:

做设计,为什么总是心里没底?

以上5点就是在经过分析后,总结出来使画面变得丰富的主要原因。

有了这5点原理,再进行设计,我突然觉得思路特别清晰,知道该怎么做才是正确的,于是我朝着正确的方向,很快就把之前的稿子优化了一遍,而且结果还算满意,如下图:

做设计,为什么总是心里没底?

通过这个案例,我不仅仅得到了一个满意的延展图案,还掌握了一种对元素进行排布的技法,最最重要的是我的思维方式有了新的转变,让我明白即使是视觉设计也需要我们去分析表面背后的原理,不然很有可能会事倍功半,浪费宝贵的时间!

也许之后再给我任意两个元素来进行延展,我都可以在不找参考的情况下,短时间内做出及格的效果,因为脑海里有一套理论依据在给自己指引方向。

例如给我的基础元素是三角形和正方形,我用20分钟来进行图形延展,得到结果如下:

做设计,为什么总是心里没底?

很多时候我们不假思索的临摹了大量的优秀作品,但是当我们自己创作的时候,还是摸不清头绪,表面上我们很努力,但是学到的东西和付出的时间根本不成正比!我们花10个小时做的事情,也许别人10分钟就搞定了,而且做得还比我们好,为什么?因为那些人能够看清问题的本质,看清背后的逻辑,即使是视觉设计也是一样的道理!

不论你是什么职位,当你觉得成长过于缓慢的时候,别再一个劲的闷头干了,停下来想想,是不是做事的方法、思考的方式有问题呢?

最后来总结一下,如何能让自己做设计,心理有底:

  1. 离开舒适区
  2. 分析表面背后的原理依据
  3. 不断的实践试错

就这样,科科!

ps:今天的干货是sketch4.1安装包及中文教程,大家可以自行下载。下载地址:https://pan.baidu.com/s/1c2oZkQW(无需密码)

#专栏作家#

菜心,  微信公众号:菜心设计铺,人人都是产品经理专栏作家,华为ITUX用户体验设计师(主视觉),3年工作经验,参与华为Welink、3MS、连长社区等多个项目的用户体验设计工作。欢迎大家互相交流关注。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23457/

logoPSsketchUXVR产品产品经理体验设计分享品牌基因法字体微信案例分析理论用户用户体验用户体验设计用户体验设计师经验经验总结视觉视觉设计设计设计师转载
赞 (0)
CatherineCatherine
0
生成海报
做设计不得不讲究的一个点:平衡
上一篇 2017-05-05 14:12
悬浮动效常见的几种玩法
下一篇 2017-05-05 16:10

相关推荐

  • 微信热点

    美国|四大艺术院校交互设计解析,不要等毕业后才发现读了个假的专业

    今天的主题是交互设计,有同学希望了解美国开设此类专业的院校,并获取各个院校的教学内容侧重方面的信息。于是,康石石选择了美国四所具有代表性的院校为同学们进行介绍:艺术中心设计学院(ACCD)卡内基梅隆大学(CMU)纽约视觉艺术学院(SVA)普瑞特设计学院(Pratt)一、艺术中心设计学院(Art Center College of Design)交互设计:本科ACCD交互设计专业只开设本科阶段课程,学习时长8个学期。尖端的课程设置,旨在培...

    2018-05-07
  • 从1.2亿次的点击中,苹果学到了这个提高用户体验的方法 交互设计

    从1.2亿次的点击中,苹果学到了这个提高用户体验的方法

    从iOS 9改版到iOS 10之后,锁屏页面的音乐控件变大了,用户体验 明显提高。那么最佳的按钮触摸大小应该是多少?经过1.2亿次的实验后,这个结果被微软/苹果等顶级公司采用,强烈推荐学习。

    2017-05-04
  • 初探用户体验中的接触点 交互设计

    初探用户体验中的接触点

    在一个流程设计里,梳理接触点是十分关键的一步,接触点梳理好了,才有可能画好一个完善的流程图。信息触点——操作触点——信息触点

    2017-05-15
  • 微信热点

    曝光HR简历筛选逻辑:关键词

    yooooooooooo!这里是周一很不想上班的校花~春招还在如火如荼的进行着,也不知道大家现在有没有拿到offer呢,有的就先恭喜啦,没有的也别着急,心态放平,慢慢来嘛。今天这篇文章,HR现身说法讲述平日筛选简历的真实准则。适合有过实习经历、学习经验的同学优化简历。只需多下一点功夫,简历过筛率大大提高!文 | 撕兄很多人很疑惑,HR到底是如何查找简历,筛选简历,判断简历匹配度的。大部分情况下,只要你能懂得HR是如何查看简历,判断匹配度...

    2018-04-08
  • 微信热点

    尼尔森十大交互设计原则的实际应用解析

    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实中的设计结合来使用。接下来,作者通过一些具体的实例来跟大家深度解析尼尔森十大交互设计原则在设计中的用法。Jakob Nielsen(雅各布·尼尔森)是毕业于哥本哈根的丹麦技术大学的人机交互博士,他拥有79项美国专利,专利主要涉及让互联...

    2018-02-16
  • 微信热点

    改善电商网站用户体验的6个技巧

    电子商务是一个复杂的系统,作为电子商务的典型模式之一,B2C网上零售网站要考虑的因素很多,甚至一些看似不起眼的因素都可能决定一个用户最终是否在该网站完成购物。 在消费者注意力越来越分散的今天。如果您希望潜在客户更多的停留在自己的网页上,进而产生购买行为,就需要牢牢吸引他们的注意力,并且提供简便愉快的购物体验。做到以下这6点,相信没有用户会拒绝从你的网站购买商品,甚至会带来更多的返购和忠实用户。1.提升网站的加载速度落地网页的速度通常是转...

    2018-05-08
  • 动画进度指示器的最佳实践:好的交互设计会提供反馈 交互设计

    动画进度指示器的最佳实践:好的交互设计会提供反馈

    系统状态的可见性是用户交互设计最重要的原则之一。在使用系统时,用户想要感觉一切都在掌控之中,这意味着在任何特定时间下,他们想要知道并了解他们当前的处境,尤其是在系统正处于繁忙状态时。当系统在处理或者加载进程时,一个等待动画进度指示器是向用户展示系统状态最为常见的形式。

    2017-05-03
  • APPLE WATCH 中文手册:Apple Watch应用程序的体系结构 交互设计

    APPLE WATCH 中文手册:Apple Watch应用程序的体系结构

    Apple Watch应用程序包含两个部分:Watch应用和WatchKit应用扩展。Watch应用驻留在用户的Apple Watch中,只含有故事板和资源文件,要注意它并不包含任何代码。而WatchKit应用扩展驻留在用户的iPhone上(在关联的iOS…

    2015-06-15
  • 4种用户体验研究方法,提升最优化测试 交互设计

    4种用户体验研究方法,提升最优化测试

    本文讲述的是户研究与A/B测试相结合,发现问题的真实原因,并进行有效的判断处理。“实验可以证实一个理论,但实验永远无法创造出一个理论。   ” —— 爱因斯坦

    2017-05-09
  • APP设计:那些打动人心的设计点(4) 交互设计

    APP设计:那些打动人心的设计点(4)

    你好,这是2017年的第12篇文章。自从写了这个系列,每天除了吃饭睡觉工作,其余的时间都在用各种APP,观察各种产品。在同质化越来越严重的今天,这些产品的微交互,是用户喜欢或讨厌一个产品的重要原因,不容被忽视。

    2017-05-04
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress