全国服务热线:18980020603 成都热线:028-86633922
新闻中心网站专题联系我们
行业新闻 建站经验 网站建设资讯 手机网站资讯 微信网站建设资讯 APP开发资讯 商城网站资讯

成都网页设计:如何快速提高设计效率

发布人:桔子科技    发布时间:2017-09-15 07:22:13    分享到:
本文适用场景:PPT,原型设计,海报设计,word排版,信息图绘制

提高信息传播效率是人类一直的追求,原始人在石壁上绘制图画记录信息,到文字与纸张的发明,今天大数据是最热门的话题,而数据可视化是其重要一环。所谓一图胜千言,一页PPT抵得上1000字的文字描述,一套可交互原型一定程度上可以代替几十页的PRD文档,一页优秀的海报能让阅读者快速获取信息并做出反馈,一张设计合理的信息图可以让你快速了解一个从未接触过的领域,如下图所示:

\

一、设计规则

1、排版设计四原则:亲疏、对齐、对比、重复

(1)亲疏:相互关联,意思相近的内容应该放在一起

根据信息相关性分组,利用空间距离,添加虚线或实线等方法体现信息亲疏关系,如下图所示:

左图中,如果你要找可口可乐,需要从头到尾检索文字,而在右图中,经过亲密性原则调整后,你就可以很快地找到饮料区,从中找到可乐。

设计样例源于《写给大家看的设计书》

如上图所示,通过亲疏性将信息从空间上分开,标题使用不同字体和加粗,通过对比,将亲疏性表现的更加明显。

(2)对齐:保证页面上的某两个元素之间总是围绕一条直线对齐

大家可以找一些优秀的设计案例,你会发现,都会有很多隐藏的参考线,保证文字,图标等设计元素对齐一致,如下图所示:

效果一目了然

源于《写给大家看的设计书》

剧中对齐对于大段文字不是非常适合,左对齐效果最佳,如上图所示,同时运用了亲疏和对齐,瞬间让海报的可读性提升很多。

(3)对比:有意识地增加不同等级元素之间的差异性,要么相同,要么完全不同

通过加粗,添加底色,修改颜色,增加图标等方式让信息展示在视觉上有对比性,明显可以看出标题或重点。

(4)重复:分析元素等级后,选取相同等级的元素来重复

从单个页面来说,“解释说明”部分的字体、大小都体现出重复性原则,保证了单个页面的稳定性。从多个页面来说,转场页属于同一等级,所以他们应该具有某些重复的特征,如下图所示,除了颜色之外,其他特征都是相同的,而颜色的不同让PPT更有味道。

2、如何配色

提到配色,很多书会介绍各种专业的色彩搭配原理,如何利用互补色,近似色,三色去把握整体画面的色彩,但是作为一个非专业设计师,如果只是为了制作简洁的PPT,原型和海报,最好的方式则是选择自己看着舒服的页面和配色表,通过吸取和填充完成配色,或是找到适合的PPT模板,因为这种方式更加稳妥和高效,所有设计师都是从临摹开始的。

(1)PPT配色

PPT的配色可以简单分几类,纯色,背景图,纹理背景等,一页PPT最好不超过三种颜色,不要使用刺眼的纯色,可以微调色相,适当调低饱和度和亮度。下文中会介绍制作PPT,原型和海报的常用工具,查看第二章:工具推荐。

(2)原型配色

原型分低保真原型和高保真原型,低保真原型本质上为了将页面信息结构展示清楚,以黑白灰配色,将信息结构展示清楚即可。高保真原型尽量与设计师合作完成。

(3)海报设计

海报设计属于系统化设计,不单单只是配色问题,涉及到背景,字体,排版,抠图,手绘等很多因素,最好的方法是找到内容相符的已经设计好的海报修改文字内容,推荐大家一个神器-创客贴,有了它,所有图片设计基本都可以搞定,从名片设计,微信头图设计,X展架设计,自媒体宣传海报设计等都是拖拽式操作,模板修改文字,一步搞定。

3、选择字体

PPT主要靠逻辑说服听众,原型主要靠用户页面展示让团队清楚信息流程和展现样式,所以没必要在字体上做文章,中文字体微软雅黑和英文字体MS YAHEI非常适合PPT的一种无衬线字体,如果微软雅黑的粗体依然不够,可以考虑下载 方正超粗并且黏贴到到windows/Fonts的文件夹。

如果文字放在单色背景上时,文字颜色和背景颜色一定要对比度够大,不可使用色彩相近颜色填充。

字体和线条的搭配可以让PPT变得特别简介,也给大家几个模仿案例,非常简单,大家可以在制作PPT的时候使用,建议大家模仿制作一次,模仿是学习设计的最好方法。。

4、图标

图标不要随意使用,图标是为了帮助观众/用户理解内容而存在的,让观众/用户可以在图标就了解演讲内容的方向,并且加深观众的印象。

图标与标题同等重要,在有图标的情况下,图标与标题同等重要,甚至比标题更需要动脑。

150万图标,高效中文检索,可选颜色,可改大小,导出png格式下载,PPT制作,原型制作,海报制作必选工具!

5、扁平化设计(扁平化、简单伪扁平化和伪扁平化)

IOS和Android设计规范引领了设计趋势,现在互联网产品、海报和PPT设计均从拟物化向扁平化发展,而什么是扁平化呢?扁平化可以简单的分为三种:真的扁平化,简单伪扁平化和伪扁平化。真的扁平化没有阴影明暗变化,简单伪扁平化有阴影但是没有高光和细节,扁平化有阴影,有高光和细节,如下图所示,附设计方法,建议大家模仿制作一次,模仿是学习设计的最好方法。

二、工具推荐

创客贴(在线制图最强神器,没有之一)

花瓣网(瀑布流图片搜索神器)

Piktochart(信息图制作)

Color Scheme(在线配色工具)

trianglify-generator(在线纹理背景生成)

Optimizilla(在线图片压缩)

pexels(高清免费图片背景)

三、学习方法

学过素描的朋友都知道,最初都是临摹,从简单的石膏几何体临摹开始,到几何体写生,再到景物临摹,景物写生,石膏像临摹,石膏像写生。而对于非专业设计,我们最好的方式也是临摹+创作,很多朋友上来就凭借自己感觉制作,然后感觉很丑,于是给自己心理暗示“自己没有设计天赋”,最终放弃。

1、PPT设计方法

首先梳理PPT的逻辑和金字塔结构,根据内容选择适当模板,千万别为了套用模板而修改PPT的内容,为了使用模板而调整内容,新人很容易犯这个错误。当时间充裕时,可以使用PPT的图形工具,模仿模板内容,进行临摹设计。内容排版上分别从亲疏、对齐、对比、重复四个维度进行设计。

2、原型设计方法

如何快速熟悉一个产品的业务逻辑?笔者认为最好的方式就是使用xmind将其功能模块进行拆解,再使用axure根据思维导图模仿现有平台主要页面和交互流程,可以将软件原图作为底图,在其上面临摹各类元素。

海报设计方法。使用创客贴,搜索满意的模板,修改文字内容,二维码,页眉和页脚等信息。

本文是成都网站建设公司、成都网站设计制作公司、成都APP开发公司、成都响应式网站建设、成都VR全景制作-桔子科技公司为您整理!
成都网站建设,成都网站设计,成都网站制作,成都网页设计,成都网站建设公司 ,成都网站设计公司,成都网站制作公司,成都网页设计公司,网站建设网站制作网站设计网页设计成都响应式网站建设、成都响应式网站制作、成都响应式网站开发、成都全景制作、成都VR全景制作成都手机网站建设,手机网站建设,成都APP开发,APP开发,成都建网站,成都做网站,成都商城网站建设,集团网站建设,网站建设,高端网站建设,品牌网站建设,成都平台网站建设,成都响应式网站建设,成都微信网站建设,成都微商城网站建设,成都微信营销,成都微信小程序开发、成都网站优化,成都网络公司。

下一篇:成都网页设计:音乐顶层设计,会给市场带来哪些新变化上一篇:成都网页设计:最新版iOS 11设计规范

最新案例
手机/微网站
  1. [成都]微信网站建设:微信分销系统能为商铺带来哪些特色服务
  2. [成都]微信网站建设:如何通过微信公众号来推广产品
  3. [成都]微信网站建设:微信开发都有些什么功能
  4. [成都]手机网站:手机网站设计需要达到什么效果
  5. [成都]手机网站:手机网站响应式网站解决方案
  6. [成都]手机网站:手机网站响应式网站解决方案
网络营销
  1. APP开发: APP网页评分功能设计
  2. APP开发:手机APP开发前这4点必须要了解
  3. APP开发:为什么企业要做手机APP
  4. APP开发:你可以更好的留住APP用户
  5. APP开发:开发时间的长短主要由哪些因素决定
  6. APP开发:电子商务类APP开发的4点建议
img

7x24小时售后服务

img

5倍故障时长赔付

img

15天无理由退款

img

N对一管家服务

让我们的顾问联系您

  • 电话:4006-028-024 028-86633922

    邮箱:Service@orangeapp.cn

    成都市成华区崔家店路789号上城国际1-24-9号

qq sina