童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

一图胜千言设计规则篇:学会这4点,人人都是设计师

12月16日 夜未央投稿
  本文适用场景:PPT,原型设计,海报设计,word排版,信息图绘制
  提高信息传播效率是人类一直的追求,原始人在石壁上绘制图画记录信息,到文字与纸张的发明,今天大数据是最热门的话题,而数据可视化是其重要一环。所谓一图胜千言,一页PPT抵得上1000字的文字描述,一套可交互原型一定程度上可以代替几十页的PRD文档,一页优秀的海报能让阅读者快速获取信息并做出反馈,一张设计合理的信息图可以让你快速了解一个从未接触过的领域,如下图所示:
  一、设计规则
  1、排版设计四原则:亲疏、对齐、对比、重复
  (1)亲疏:相互关联,意思相近的内容应该放在一起
  根据信息相关性分组,利用空间距离,添加虚线或实线等方法体现信息亲疏关系,如下图所示:
  左图中,如果你要找可口可乐,需要从头到尾检索文字,而在右图中,经过亲密性原则调整后,你就可以很快地找到饮料区,从中找到可乐。
  设计样例源于《写给大家看的设计书》
  如上图所示,通过亲疏性将信息从空间上分开,标题使用不同字体和加粗,通过对比,将亲疏性表现的更加明显。
  (2)对齐:保证页面上的某两个元素之间总是围绕一条直线对齐
  大家可以找一些优秀的设计案例,你会发现,都会有很多隐藏的参考线,保证文字,图标等设计元素对齐一致,如下图所示:
  效果一目了然
  源于《写给大家看的设计书》
  剧中对齐对于大段文字不是非常适合,左对齐效果最佳,如上图所示,同时运用了亲疏和对齐,瞬间让海报的可读性提升很多。
  (3)对比:有意识地增加不同等级元素之间的差异性,要么相同,要么完全不同
  通过加粗,添加底色,修改颜色,增加图标等方式让信息展示在视觉上有对比性,明显可以看出标题或重点。
  (4)重复:分析元素等级后,选取相同等级的元素来重复
  从单个页面来说,“解释说明”部分的字体、大小都体现出重复性原则,保证了单个页面的稳定性。从多个页面来说,转场页属于同一等级,所以他们应该具有某些重复的特征,如下图所示,除了颜色之外,其他特征都是相同的,而颜色的不同让PPT更有味道。
  2、如何配色
  提到配色,很多书会介绍各种专业的色彩搭配原理,如何利用互补色,近似色,三色去把握整体画面的色彩,但是作为一个非专业设计师,如果只是为了制作简洁的PPT,原型和海报,最好的方式则是选择自己看着舒服的页面和配色表,通过吸取和填充完成配色,或是找到适合的PPT模板,因为这种方式更加稳妥和高效,所有设计师都是从临摹开始的。
  (1)PPT配色
  PPT的配色可以简单分几类,纯色,背景图,纹理背景等,一页PPT最好不超过三种颜色,不要使用刺眼的纯色,可以微调色相,适当调低饱和度和亮度。下文中会介绍制作PPT,原型和海报的常用工具,查看第二章:工具推荐。
  (2)原型配色
  原型分低保真原型和高保真原型,低保真原型本质上为了将页面信息结构展示清楚,以黑白灰配色,将信息结构展示清楚即可。高保真原型尽量与设计师合作完成。
  (3)海报设计
  海报设计属于系统化设计,不单单只是配色问题,涉及到背景,字体,排版,抠图,手绘等很多因素,最好的方法是找到内容相符的已经设计好的海报修改文字内容,推荐大家一个神器创客贴,有了它,所有图片设计基本都可以搞定,从名片设计,微信头图设计,X展架设计,自媒体宣传海报设计等都是拖拽式操作,模板修改文字,一步搞定。
  3、选择字体
  PPT主要靠逻辑说服听众,原型主要靠用户页面展示让团队清楚信息流程和展现样式,所以没必要在字体上做文章,中文字体微软雅黑和英文字体MSYAHEI非常适合PPT的一种无衬线字体,如果微软雅黑的粗体依然不够,可以考虑下载方正超粗并且黏贴到到windowsFonts的文件夹。
  如果文字放在单色背景上时,文字颜色和背景颜色一定要对比度够大,不可使用色彩相近颜色填充。
  字体和线条的搭配可以让PPT变得特别简介,也给大家几个模仿案例,非常简单,大家可以在制作PPT的时候使用,建议大家模仿制作一次,模仿是学习设计的最好方法。。
  4、图标
  图标不要随意使用,图标是为了帮助观众用户理解内容而存在的,让观众用户可以在图标就了解演讲内容的方向,并且加深观众的印象。
  图标与标题同等重要,在有图标的情况下,图标与标题同等重要,甚至比标题更需要动脑。
  150万图标,高效中文检索,可选颜色,可改大小,导出png格式下载,PPT制作,原型制作,海报制作必选工具!
  5、扁平化设计(扁平化、简单伪扁平化和伪扁平化)
  IOS和Android设计规范引领了设计趋势,现在互联网产品、海报和PPT设计均从拟物化向扁平化发展,而什么是扁平化呢?扁平化可以简单的分为三种:真的扁平化,简单伪扁平化和伪扁平化。真的扁平化没有阴影明暗变化,简单伪扁平化有阴影但是没有高光和细节,扁平化有阴影,有高光和细节,如下图所示,附设计方法,建议大家模仿制作一次,模仿是学习设计的最好方法。
  二、工具推荐
  创客贴(在线制图最强神器,没有之一)
  花瓣网(瀑布流图片搜索神器)
  Piktochart(信息图制作)
  ColorScheme(在线配色工具)
  trianglifygenerator(在线纹理背景生成)
  Optimizilla(在线图片压缩)
  pexels(高清免费图片背景)
  三、学习方法
  学过素描的朋友都知道,最初都是临摹,从简单的石膏几何体临摹开始,到几何体写生,再到景物临摹,景物写生,石膏像临摹,石膏像写生。而对于非专业设计,我们最好的方式也是临摹创作,很多朋友上来就凭借自己感觉制作,然后感觉很丑,于是给自己心理暗示“自己没有设计天赋”,最终放弃。
  1、PPT设计方法
  首先梳理PPT的逻辑和金字塔结构,根据内容选择适当模板,千万别为了套用模板而修改PPT的内容,为了使用模板而调整内容,新人很容易犯这个错误。当时间充裕时,可以使用PPT的图形工具,模仿模板内容,进行临摹设计。内容排版上分别从亲疏、对齐、对比、重复四个维度进行设计。
  2、原型设计方法
  如何快速熟悉一个产品的业务逻辑?笔者认为最好的方式就是使用xmind将其功能模块进行拆解,再使用axure根据思维导图模仿现有平台主要页面和交互流程,可以将软件原图作为底图,在其上面临摹各类元素。
  海报设计方法。使用创客贴,搜索满意的模板,修改文字内容,二维码,页眉和页脚等信息。
投诉 评论 转载

从历史的角度,看服务设计是如何演变真领导提问:我们听到的用户体验设计、交互设计、客户体验设计、服务设计这些概念应该如何区分呢?让我们从历史的角度,看看服务设计是如何演变到今天这个样子的。界面设计(Inte……网站设计规范应该做什么,不该做什么网页设计是一件很繁琐的事情,因为在设计时要考虑很多事情。为了简化网页设计这件事,本文列举了每个网站设计者都应该考虑的行为准则,包括能做什么,不能做什么。放心,这些准则都是一些很……从iOS11UIKit中谈谈iOS11的新变化北京时间9月20日凌晨1点,iOS11终于迎来了正式版的推送,相信各位小伙伴已经在第一时间进行了升级。iOS11毫无疑问是一次大规模的系统更新,UI、系统内核、锁屏等多方面都进……iPhoneX交互分析报告文章为作者对iPhoneX展开的交互分析报告,希望对你有所启发。这次苹果不出所料地发布了全新型号的iPhoneiPhoneX(官方读作iPhone10’ten’……实例分析:用户最讨厌的3种UI设计方法这3个UI雷坑,或许你从未注意过,不妨通过文章来看看。注意:本文中提到的设计方法在不同设计场景带来的效果是不一样的,并不能说是好的或不好的。这意味着,如果你正确执行,它们……语音交互设计(1):设计流程文章是作者根据Alexa官方所译,希望能够给你带来些参考和帮助。会话体验设计中的思考流程以下内容均来自Alexa官方,本着通俗易懂的原则,在翻译过程中不免有不严谨、……还在天天苦恼于跟开发讲不清设计细节,为什么不用7天学做一份好好的设计规范,不仅为产品建立起统一的交互规则与品牌视觉,让用户拥有更好的产品体验、更深的产品认知,更重要的是,它能够有效地提升产品设计的效率。然而,80以上的互联网公司,……一图胜千言设计规则篇:学会这4点,人人都是设计师本文适用场景:PPT,原型设计,海报设计,word排版,信息图绘制提高信息传播效率是人类一直的追求,原始人在石壁上绘制图画记录信息,到文字与纸张的发明,今天大数据是最热门……超全面!设计师如何设计iPhoneX视觉稿史上最详细的iPhoneX视觉分析。从iPhone6发布以后,果粉们就开始期待这款十周年纪念版的iPhoneX,究其原因无非是苹果在新品iPhone6上的外观、技术上太保……如何让你的设计一次性通过?关于交出一份另人满意的设计稿,本文作者结合一些案例来分享了三点技巧。enjoy去年对于美国最大的消息应该是:2016年11月9日,唐纳德特朗普已获得276张选举人票,超过……设计规范详解组件控件结构体系:单元控件类本篇文章是设计规范中的单元控件类,也是设计规范系列的最后一篇,继这个系列之后我会写一些超有意思的文章,敬请期待哦!单元控件类一共含以下7类:搜索开关页面……不仅要搞定视觉,UI设计师还得写得一手好微文案在今天的文章当中,我们一起来看看微文案是怎样影响体验,以及如何对它进行有效的调整和提升的。在网站和APP当中,除了标题和Banner中我们可以轻松感知并且注意到的文案之外……
从细节看用户的感知苹果手机助手(移动端)类产品竞品分析未来的交互方式:不用戳屏幕啦五个常犯的设计错误如何创造好的用户体验?iOS8人机界面指南(三):iOS技术(上)个性化的几点想法没人告诉你的职业选择如何成为一名更加贴心的用户体验设计师我怎么做产品设计?聊聊日常生活中包含的设计哲学如何才是一个好的LOGO?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界