10个设计技巧助你快速上手平面设计
关关 2018-05-25 来源 : 阅读 1413 评论 0

摘要:本文讲解了十个快速上手平面设计的设计技巧,希望阅读本篇文章以后大家有所收获,加深大家对平面设计的理解,通过灵活使用本文介绍的设计方法,来做出更棒的设计吧。

  一. 灵活使用对比

  为了减轻眼睛的压力,让我们有意识的增加对比,使用不同的背景和字体的颜色吧。

  通常来说,在白色背景上使用黑色文字可读性是非常好的。避免使用明度很高的灰色或黄色、绿色,以及不使用非常细的字体,就没有什么问题。

  10个设计技巧助你快速上手平面设计

   二. 【接近黑的黑】比【黑】更容易阅读

  如果有设置文字黑色的机会的话,请不要使用纯黑色(#000000),让我们来使用“灰黑色”(#333333)吧。在纯白的背景上叠加纯黑,看起来会比较晃眼,专注于文字内容会比较困难。

  10个设计技巧助你快速上手平面设计

   三. 重要的内容放在最初的位置

  首先,通过布置最重要的情报,来提高网站和应用的舒适度。重要的内容,就算是没有放大、滚动、Tap,好好的表现出来也是非常有必要的。

  10个设计技巧助你快速上手平面设计

   如何好好利用视觉层次,让我们来参考一些案例吧。在Instagram中,用户投稿的照片/视频清楚的表现出来焦点。

  在Pinterest中,通过将搜索栏配置在顶部,列出了一个非常漂亮的网格式布局内容。对于应用程序来说,搜索作为核心功能能发现新的内容和情报,为了寻找Pinterest也会被使用。

  10个设计技巧助你快速上手平面设计

   再来稍微看一些其他的案例。

  在Spotify中,将音乐专辑的作品作为开头,紧接着是歌曲名,最后是配置控制按钮。相较于快进/快退,它被设计成更注重播放/录制按钮。

  10个设计技巧助你快速上手平面设计

 

   四. 将所有的东西整列好

  在你在设计一个【和别人不同的】【有趣的】的作品之前,最先需要解决的问题是,确认各个要素之间是否对齐。只要对齐,就可以提升应用程序、网站和平面设计的外观了。

  10个设计技巧助你快速上手平面设计

   此外,作为“对齐”有关的一个参考案例,让我们看看Medium.com吧。它有些地方看起来很可笑。

  在布局的左侧,优质的内容并没有很好的体现出对齐,而右侧的主要内容却很好进行了整理排列。

  10个设计技巧助你快速上手平面设计

 

10个设计技巧助你快速上手平面设计

   五. 当心字符的尺寸和间距

  通过调整字体尺寸来让阅读更方便,调整字符间距来让内容更加容易理解。

  10个设计技巧助你快速上手平面设计

  △ 适合的文字尺寸和不适合的文字尺寸适合的文字尺寸和不适合的文字尺寸

10个设计技巧助你快速上手平面设计

  △ 适合的空间和不适合的空间适合的空间和不适合的空间

  六. 搜索结果按顺序排列是非常重要的时候,请使用【列表显示】

  众多的移动APP和Web应用中,有多少种类型搜索结果的表示方法直到现在都还在讨论。

  其结果是,如果顺序是很重要情况下,列表形式将是最有效的展现方法。如果不管搜索结果的顺序如何,目的是帮助用户发现新的内容,那网格则是能带动视线的不二之选。

10个设计技巧助你快速上手平面设计

  七. 先进行黑白设计,然后再追加颜色

  用黑白的单色设计,是可以解决APP的核心问题点的一种设计。

  由于颜色能无意识的反应出人的感情,在设计UI组件时可能会成为一种阻碍。

10个设计技巧助你快速上手平面设计

  八. 目标是舒适的设计

  如果想解决单手操作时带来的操作问题,可以参考下图。

10个设计技巧助你快速上手平面设计

  在该图示中,直观的反应出了右手操作智能手机时的状态,在设计APP时可以有效的使用这种技术,如屏幕的下面的1/3处布置导航菜单等核心的功能。


  九. 使用完美的配色板

  颜色也是一门奥秘很深的艺术,为你的设计选择合适的配色是非常重要的。在Dribbble可以找到不错的调色板,非常推荐使用像Coolors或Color Claim这样的调色板生成工具。


  十. 了解Apple或Google的设计原则

  Apple和Google开源了对开发Android、iOS 用软件的人来说重要且极好的资源。

  例如,在谷歌material的概要中,从APP设计的指导方针开始,齐聚了各种素材资源、配色、图标、部件资源。

  而在Apple中,则有着Human Interface Guideline,通常被称为HIG的文件编制。该准则为你详细介绍了设计iOS应用程序所需的知识。

 

  总结

  想发现设计中所出现的问题所在,长时间的练习是非常有必要的。通过灵活使用这次介绍的设计方法,来做出更棒的设计吧。那么,一起来享受设计吧。


      本文由职坐标整理发布,更多相关内容,请关注职坐标设计创作平面设计频道!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程