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

运营设计师要知道的移动UI知识(一)

5月1日 火云谷投稿
  文章以小明的故事为例,来给大家分享关于从平面设计岗位转到运营设计的小伙伴们,在设计初期会在移动端常出现的问题。
  小明的故事:小明是个平面设计师,后来换了公司去做了运营设计师,主要负责的是用户增长的需求设计。工作后发现对于图片输出,移动端页面展示把握的不是很准确,作品还留有平面设计的影子。
  所以,我们要帮助小明,帮助类似很多从平面设计岗位转到运营设计的小伙伴,在他们设计初期提供一些移动端常出现的问题总结。
  这些问题虽然很简单,但都是实际工作中会出现的,希望这些问题总结对大家有益。
  一、字体大小与网页大小有的区别
  1。web时代的14px的字
  在移动互联网前时代,也就是web时代。电脑的分辨率通常是72ppi,所以字体在电脑上显示的不是很大。通常14号字是网页端的起始字体,大一点的正文会用16号字体。
  2。iPhone时代的20px
  在移动互联网时代,屏幕分辨率越来越高。如果设计过程中不注意字号大小,在多平台上,移动端会出现文字和内容偏小的情况,所以画面模块不能简单的缩小来适配移动端。
  二、模块间距要有规律:48dp定律
  1。稳准狠元素间距不在随意调
  品牌设计师或者运营设计师也会用到纵向网格系统,而到移动端运营设计时候,按钮大小、行间距、元素间距就更需要有恰当的规律和规范了。
  2。稳准狠按钮大下不在随意调
  按钮在屏幕的物理尺寸下大于一定面积,防止误触的发生,48像素是个安全的界限。按钮的大小也可以设定一定的规律,为以后的设计做复用准备。
  三、控制首屏内容,露出完整的关键信息
  1。拉新类专题
  在设计移动端的专题页面时,一定要注意首屏线的设置,如果交互设计没有给到位,需要和对方进行沟通,控制第一屏内容的露出位置。
  首屏线虽然不是评判交互好坏的标准,但在一定的场景下,都应该具备视觉引导或是交互引导引导用户有兴趣向下滑动。
  用户增长的设计中,页面每个模块放什么内容都是有数据支撑、交互原理、业务需求在理面的,不仅仅是简单的视觉设计。理解业务上游如何思考,做全链路设计师,是完成业务目标重要的一点。
  四、格式塔原理:相似和接近
  1。相似原理:避免和功能按钮相似的设计
  人们在感知复杂对象的时候,会有意识或者无意识地将它们纳入到一个有组织的系统当中。这点在UI设计中运用非常多,可以利用相似原则组织好界面中的信息和层级关系,也可以利用相似性原理来规避一些设计错误。
  下图中按钮和获得奖金的数字用了同样的圆角矩形,这样原本的功能按钮和数字在视觉上产生了相似,破坏了按钮的功能性。
  2。接近原理:运用接近原理的反面,通过留白来代替线框
  排列在彼此之间的邻近元素被认为比那些放置得更远的元素更相关,这样,不同的元素主要被看作是一个组,而不是单个的元素。。那在设计中,我们也要不被潮流所淘汰。通过无边化设计,留白设计,来突出信息内容和模块间的区别。
  五、建立规范:图片要有比例,方便维护
  比例意味着可量化、可追查、可维护
  我们在做运营长页的时候,为了保证长期项目中图片的一致性和可维护性:我们选取的图片最好有一定的比例。
  比较常用的图片比例,如:1:1、4:3、16:9、16:10等等,也可以根据实际情况打破常规比例,结合自身产品的特点,在自己的设计中合理的加以运用。
  六、交互思维:按钮状态,操作反馈
  1。按钮的状态要牢记
  按钮是用于启动特定应用程序的组建。按钮作为页面中的主要行动点,引导用户进行响应操纵,应该有吸引用户的冲动。
  按钮状态:默认、点击、禁用。有状态会更好的给用户回馈。
  结尾彩蛋
  小明来到业务完整的大公司后,发现整个工作方式发生了变化,视觉知识已经远远不能满足其成长了,那么相对完善的大公司的设计工作流程和公司架构,是怎么样的呢?需要运营设计师具备哪些知识呢?设计师如何通过公司职能设置来判断要不要入职呢?
  先挖个坑,有时间再补上。
投诉 评论 转载

运营设计师要知道的移动UI知识(一)文章以小明的故事为例,来给大家分享关于从平面设计岗位转到运营设计的小伙伴们,在设计初期会在移动端常出现的问题。小明的故事:小明是个平面设计师,后来换了公司去做了运营设计师……UI动效基本规则全面总结有了这篇文章,你就不用在其他地方学习基本的动效设计规则了。动效的持续时长和速度当元素的位置和状态发生改变的时候,动效的速度应该足够慢,维持足够长的时间,让用户能够注……产品的极端情况是否需要考虑?即使我们努力把产品的体验做的再顺畅,也难免会遇到一些意想不到的情况,也就是极端情况,那么极端情况我们到底要不要处理呢?开头我先讲个亲身经历的小故事:还记得曾经在一家公司,……航空业的用户体验改造这篇文章是一些关于让航空体验更深入更友好的建议。我们总都会有要坐飞机的时候,有些人是经常飞机出行,有些人是偶尔飞一次;每一次的坐飞机都是这样枯燥乏味的过程站着等待值机、过……在iPhone的UI设计背后,是一场关于注意力的战争以iPhone为标竿而创造的智能手机和数字化的交互界面,让我们处于一个时刻都会被分心的境地。iPhone诞生之后,世界发生的变化是翻天覆地的。以电容触摸屏为交互中心的智能……六种常见隐藏菜单常见的手机端隐藏菜单也就六种。在这里分享一下我的思考分析,为大家选择手机隐藏菜单类型提供帮助。enjoy很多产品设计的症结在于,一方面界面要简单,另一方面功能要丰富。为了……交互设计常识:文案设计的原则与方法好的文案不但可以为产品带来好的体验,拉近产品与用户的距离,还能及时帮用户解决问题,因此文案设计非常重要。不需要过多的文案,而需要文案能表示更多;语言本身就是一种界面……设计沉思录58APP租房门面改造计划租房首页位于流量分发顶端,是产品与用户的最初接触点,决定了用户能否有效的转化到目标内容,进而影响用户的去留和走向。本文是关于58APP租房的门面改造,来看看背景……10个技巧,有助提升你的海报设计想设计出完美的海报?这10个技巧帮你达成愿望对于设计师而言,平面设计是最基础的技能之一。而海报和宣传单的设计,也几乎是每一个设计师的必修课。如今网页上的Banner,宣传……交互设计:APP搜索功能浅析本文主要从搜索的官方规范和实际用户体验角度进行了总结,希望可以给大家带来一点启发。一、搜索官方规范Android(GoogleMaterialDesign)搜……腾讯公益设计改版项目总结本文作者对腾讯公益APP设计改版项目进行总结,在此与你分享,enjoy一。定位随着腾讯公益线上平台项目的发展,原有的设计框架问题逐渐出现,已不能承载现有的产品定位和……聊一聊勋章设计的“道”与“术”互联网产品在设计勋章体系时,如何使用户获得荣誉、感受荣誉,刺激用户向别人分享炫耀?勋章能否代表一种特殊的身份标识,正向激励用户参与产品建设?这些都是我们需要思考的问题,在设计勋……
颜色、字体、图标,这些视觉元素是如何影响用户体验的?以今日头条为例,详述数据思维驱动产品设计的方法论5大设计要点,搭建好看又好卖的企业产品官网微博国际版:为底层用户而设计四大维度,全方位剖析APP分享功能支付风控体系设计:电商的支付风控怎么玩?剧透:一个工作坊的完整设计流程电商APP登录注册功能设计差异干货:电商产品体系之商户中台设计浅谈App规划基础流程:登录与注册(1)从心理学实验到互联网产品设计02:利用从众效应,引导用户行为如何优化数据表格设计
蕾丝长袖连衣裙新款性感又减龄的秘密疫情反复,这个国家的汇率触底,此刻或许是移民投资的最佳时期热 筏钓翘嘴鱼的最佳水深,用什么饵料好放弃和拥有45亿年前,从地球看升起的月亮是什么样的?管不好孩子学习的父母,都应该学学这个套路热闻聚热点网 冬天宝宝用什么面霜好?冬天宝宝擦脸用什么好?今年旅行去哪儿?四季下小农村奇瑞小蚂蚁首年养车成本分析,你认为如何?魅族MX新双核怎么样魅族MX新双核评测适合小学生的发型这5款发型尽显活力水浒传之林教头风雪山神庙陆虞候火烧草料场读书笔记

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