• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 做设计,为什么总是心里没底?

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

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含经验分享,职场规划,设计师职场等相关知识,希望在学习及工作中可以帮助到您

相信有很多小伙伴和我一样,经历过“做设计,心里没底”的情况,说的直接点就是“找到好参考就能做好,找不到好参就做不好,即使做出了好作品,也觉得带有一定的偶然性!”

为什么会这样呢?

最近菜心对这个问题感触颇深,所以想和大家分享一下自己的经验。

欢迎关注作者的微信公众号:「菜心设计铺」

废话少说,直接上栗子!

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

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

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

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

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

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

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

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

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

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

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

1.大小

2.疏密

3.颜色

4.方向

5.形状

1. 大小

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

2. 疏密

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

3. 颜色

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

4. 方向

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

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

5. 形状

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

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

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

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

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

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

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

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

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

1.离开舒适区

2.分析表面背后的原理依据

3.不断的实践试错

欢迎关注作者的微信公众号:「菜心设计铺」

cxsjpqr

设计微博:拥有粉丝量190万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。

优设大课堂

您可能想查找下面的文章:

  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 为什么几个人的小团队更加高效更加靠谱?
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 想为iPhone X设计UI?给你这11个设计小贴士
  • 疯传谷歌走All-White风?假的!其实只是合作伙伴的重设计
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 为什么不要再问用户「你们到底想要什么」?
  • 想紧跟流行风尚?这5种平面设计趋势了解一下

相关文章

  • 2017-08-06将像素点转化为全面的品牌体验的经验技巧
  • 2017-08-06如何用JavaScript获取/计算页面元素的offset
  • 2018-08-23实战五步走!UI设计师如何让设计稿100%还原(上)?
  • 2017-08-06浅谈JavaScript中浏览器兼容的问题
  • 2017-08-06站长应该注意的9个提高网站易用性的代码优化技巧
  • 2018-08-233+3法则!教你六步创造超酷的几何感设计
  • 2017-08-06百度网盟环境下的广告投放技巧(图文教程)
  • 2018-08-23私货分享!设计师如何全面提升自己的工作效率?
  • 2018-08-2316个优点告诉你,为什么表单设计应该用这个方法?
  • 2018-08-23数据分析学习笔记(1):数据分析的思维模式

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何超越读者预期,更大概率地写出一稿过的文案?
    • 要设计师「小一点的同时大一点」,很过分吗?
    • 从历代iPhone 官网设计,纪念 iPhone 诞生十周年
    • 网页设计师必须get的7项技能
    • 讲道理,这些都是最基础的字体设计知识
    • 如何减少操作步骤?我总结了这3个方法!
    • 优设网投稿规范
    • 为什么优秀的设计师都是讲故事的高手?
    • 分享15个最佳的HTML/CSS设计和开发框架
    • 学会这10条设计技巧,新手也可以做出合格的设计!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有