首页 UI设计基础培训课件(UI设计原则)

UI设计基础培训课件(UI设计原则)

举报
开通vip

UI设计基础培训课件(UI设计原则)1.什么是UI设计?2.UI设计师是如何去展开工作的?3.UI设计师需要具备哪些能力?4.UI设计师如是何协助程序员们去实现页面开发的5.APP设计中容易被忽略的细节UI设计的定义:指软件的人机交互、操作逻辑、界面美观的整体设计我的理解:UI设计包括两个方向,分别是交互设计和图形(视觉)设计2、视觉设计主要负责这个UI看起来是否美观,是否有设计感等等。1、交互设计主要负责这个UI用起来顺不顺手,上手容不容易等等。1.什么是UI设计?交互设计从专业和严谨的角度对产品原型(demo)提出优化建议两个维度:流程逻辑和页面...

UI设计基础培训课件(UI设计原则)
1.什么是UI设计?2.UI设计师是如何去展开工作的?3.UI设计师需要具备哪些能力?4.UI设计师如是何协助程序员们去实现页面开发的5.APP设计中容易被忽略的细节UI设计的定义:指软件的人机交互、操作逻辑、界面美观的整体设计我的理解:UI设计包括两个方向,分别是交互设计和图形(视觉)设计2、视觉设计主要负责这个UI看起来是否美观,是否有设计感等等。1、交互设计主要负责这个UI用起来顺不顺手,上手容不容易等等。1.什么是UI设计?交互设计从专业和严谨的角度对产品原型(demo)提出优化建议两个维度:流程逻辑和页面布局场景一场景二视觉设计图标、图形、按钮、字体大小层级、色彩、线条粗细、间距等等2.UI设计师是如何去展开工作的?( 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 论)1.一定要玩机器,玩APP。包括iOS、Andorid、ipad、watch等等智能设备;2.熟悉各个平台的界面设计规范;3.学会欣赏几款不错的APP设计、最好是不同行业不同风格的,然后以自己的想法去“设计”;4.无论你设计多大尺寸的UI,一定要有一台测试机也就是说必须真机测试;5.浏览设计网站,多看看别人优秀的作品和对设计的想法;6.培养一个靠谱的程序员小伙伴。向一些有经验的客户端程序员学习和了解更深的设计规范。(一)对于刚开始做UI/想要转行做UI的1.充分了解需求文档, 分析 定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析 目标用户,分析原型交互流程逻辑和页面布局;2.分析同行竞品:颜色、字体层级、图标、首页布局、列 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 样式、按钮、品牌基调等整体视觉设计风格(头脑风暴);3.设计初稿;4.页面评审,主要参与人员:设计师、产品、部门/项目负责人;5.对页面评审提出的问题进行修改、优化/细化得出最终稿;6.设计文档的输出:最终效果JPG、切图、标注;(二)准备着手去做项目7.跟进效果图的开发,体验测试知道上线。3.UI设计师需要具备哪些能力?1.图标设计能力2、图形设计能力3、设计提案能力一个合格的设计师,应该具有设计提案能力。通过图形+文字的形式告诉你的需求方,你的设计为什么这么设计,你考虑了什么。为什么使用这样的颜色。有理有据的设计说明,而不是一张零散的图片。4、海报banner设计能力5、界面设计能力6、交互思维能力UI设计师的界面还是要服务于产品设计,那么对于界面的设计不应只停留在美学的思考,还应该思考界面的逻辑,界面元素的摆放,通过深入了解产品的行为目的后,更好的用视觉手段表达产品意图,这就需要对设计师的逻辑思考能力,界面交互综合能力提出更高要求。7、沟通理解能力对这点也非常重要,大多数设计师不是单打独斗,而是和一个团队一起工作,你需要保持良好的沟通能力。比如经常改图的问题。不是别人说1你就做1,有可能你按照要求做了1,别人依然说你好。比如产品要你换样式,你要弄清楚原因,是不符合当前的风格,又或者产品想突出什么,弄清楚意图才去做设计,事半功倍。且给对方留下喜欢思考,乐于沟通的好印象,这样的员工到哪里都受欢迎。相反你默不作声,吭哧吭哧的不断改图,说不定别人想,这人能力真差,怎么说都改不到我想要的。4.UI设计师如是何协助程序员们去实现页面开发的5.APP设计中容易被忽略的细节1.统一的图标设计风格2.图标大小的视觉平衡同一个界面出现多个图标时,我们需要保持整体的视觉平衡。并非是所有图标都采用相同的尺寸就能达到平衡,由于图标的体量不同,相同尺寸下不同体量的图标视觉平衡也不相同,例如相同尺寸的正方形会比圆形显得大。因此,我们需要根据图标的体量对其大小做出相应的调整。3.优化你的分割线4.合理的运用投影的颜色与透明度5.不要过度装饰,让界面更简洁6.图片比例&视平线的统一性7.控制好界面中的配色数量一个界面中出现3种左右的配色是相对比较容易把控的,如果超过3种以上的配色,是非常考验设计师功底的,如果颜色的处理不到位就会出现五彩斑斓的“视觉盛宴”。在选择配色组合时,使用相似色的配色方案可以使颜色更加协调和交融;如果希望更鲜明地突出某些元素,对比色是不错的选择。无论选择何种配色方案,都要控制好界面中的配色比重,使信息传达不受干扰。8.提高配图的质量图片的质量影响着整个界面的格调,现在越来越多的产品都会对图片进行美化后再展现给用户,目的就是为了提升产品在用户心中的印象。我们在设计提案的时候对配图的选择也要精挑细选,通过后期裁剪、曲线调整、色彩调整等技法使相同模块的配图视觉效果更加协调。9.明确表达图标的含义10.正确处理文字排版的层级关系11.线条与色块分割的合理运用11.运用提示符提高用户的阅读效率12.布局层次分明,重点突出好的界面布局是为了更好的引导用户阅读和操作,界面布局要有层次和重点,而非简单的将信息进行罗列。通过卡片模块的区分和大小的变化可以很好的进行视觉引导,大大提高用户对界面的理解,从而提高用户的操作效率。13.相同界面下圆角&直角的统一性14.别把网页的习惯带到APP设计中15.空界面中插画的运用为了提高APP的情感化设计,插画的运用也开始越来越普遍。在空界面的一些设计中也由以前的纯文字转变为一些应景的插画表现,带给用户更多的愉悦感。16.运用真实的信息填充你的设计
本文档为【UI设计基础培训课件(UI设计原则)】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_704284
暂无简介~
格式:ppt
大小:14MB
软件:PowerPoint
页数:38
分类:小学语文
上传时间:2020-05-18
浏览量:2