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

App界面设计风格

10月6日 封了心投稿
  APP设计风格是指APP通过主要的几种颜色搭配、页面布局和NPC等给用户呈现出的整体视觉感受。
  一个APP开始启动设计时,第一步应该用主要页面定下整个APP的设计风格,然后其他页面按着统一的设计风格进行细致的设计美化。统一设计风格能给用户呈现整体一致的视觉体验,有利于传达产品整体的品牌形象;也方便设计团队制定设计规范,减少设计风格不一致带来的沟通成本。
  APP设计风格从视觉效果上至少给用户传达了两个信息:一是APP的整体基调。二是APP的目标人群。
  微信、QQ界面截图
  拿微信和QQ例子来说:微信是黑、绿、白三种主要颜色搭配,中规中矩的布局呈现给用户稳重、信赖的感觉,更像是成人的沟通工具。QQ默认皮肤是浅蓝、浅灰、白三种主要颜色搭配,灵活的布局交互呈现给用户活泼、有趣的感觉,更偏向爱玩、爱新奇的年轻用户。
  为什么同样是即时通讯社交应用,设计风格差距这么大?这正是由产品的定位和目标用户决定的。微信口号是“微信,是一个生活方式”,这种大而全的定位,注定微信设计风格要更谨慎和中性化;另一方面据腾讯官方数据统计86微信用户年龄集中在1835岁,90用户职业为企业员工、学生,目标用户也决定了微信设计风格的稳重、成熟和高端化。而QQ口号是“乐在沟通”,定位明确为娱乐化的社交应用,因此QQ设计风格是允许活泼有趣、甚至个性化(用户可切换多种不同设计风格皮肤);另一方面QQ兼容人群更广,相对微信来说更年轻、更活泼,如中小学生的忠实沟通工具仍是QQ。
  原则上产品经理不应该干扰限制设计师的创意和灵感,但产品定位是什么、产品目标人群是谁。以上两点产品经理在提设计需求之前务必清晰传达到给设计师。
  那么设计师出的稿子,如何判断是不是符合我们产品的设计风格呢?这里要求产品经理必须把设计的常识和基础原理弄懂,阅读相关的设计书籍,并且有意识的去体验和对比各种App产品的设计,提高产品的鉴赏能力。
  移动APP产品的设计首先应该紧跟业界的主流设计风格:扁平化设计。扁平化设计有明显的几个好处:
  界面美观、简约大方、条理清晰
  设计元素上强调抽象、极简、符号化,去除冗余的装饰效果突显App的文字图片等信息内容。
  完美兼容pc网站、安卓、ios等不同系统的平台和不同屏幕分辨率的设备,适应性强。
  APP产品设计定为扁平化,然后考验的是设计师界面配色的专业功力了。在设计风格表现上,颜色占据了80以上的视觉体验。因此要做好设计风格,主要做好界面的颜色搭配和分布。另外颜色是有情感的,不同的色彩能给于用户不同的印象和感受,而且不同的人群对颜色偏好也是不一样的。所以在为APP设计进行配色时,需要考虑不同用户的喜好和体会配色给用户带来的视觉感受。
  参考:客户网站分析公司KISSmetrics的调查报告图表
  从图表上看男女都喜欢绿色、蓝色,这里也说明微信和QQ为什么分别使用绿色和蓝色作为APP重要的配色之一;男女都讨厌橙色、褐色。不同的是男喜好黑色,女喜好紫色;男讨厌紫色,女讨厌灰色。图表仅供参考,在本人的产品体验考察来看,在女性的颜色偏好中有着不可撼动的地位却是红色、粉红色。如使用红色作为主要设计风格的女性app:
  闺蜜圈、lespark、美啦、美柚界面截图
  设计风格的配色除了要注意男女性的喜好差别,还应该重视通过冷暖色彩明暗亮度搭配表现给用户的印象和心理感受。详见《色彩在移动APP设计中的应用》
  色彩情感:红色、金黄色、橙色
  麦当劳APP界面截图
  色彩情感:深灰蓝、中性灰
  facebook界面截图
  色彩情感:绿色、紫色、青色
  地铁跑酷界面截图
  配色方案反馈的情感意像
投诉 评论 转载

用户体验是建立在牺牲员工利益之上的一、流产员工请上班这事发生在国外,其实真实情况未知。纽约时报出了一篇报道,称亚马逊逼流产员工立刻回来上班,很不人道有没有?压榨员工的邪恶王国,这是亚马逊的新称……7种方式玩转信息可视化中的时间线设计时间常常被认为是一种主观的体验,然而在可视化的表达中,时间却成为了结构化维度。时间帮助我们构建稳健而直观的框架,使我们更好地建立事件间的联系。按照时间线的方式阐述信息已经……团队设计沉淀:做好StyleGuide不容易说起StyleGuide(即设计规范),大部分人的第一反应就是MaterialDesign和iOSHumanInterfaceGuidelines,我自己就是靠读这两份文档逐渐……网页设计中常见的五种交互设计错误交互设计从来都不是简单的事情。可靠的交互通常需要借助对用户行为的深入分析,然后有针对性的精心策划。可是随着新的技术和新的交互模式的不断涌现,事情就变得不是那么容易了。其实……教你掌握27种图层混合模式的用法嗯,让我们从最最基础的说起像素。你就把他当成一个个五颜六色的小色块。这些小色块们都有一个特定的标记值,比如,RGB值,CMYK值了。当然透明色块也是像素,不过值是零罢了。我们的……App界面设计风格APP设计风格是指APP通过主要的几种颜色搭配、页面布局和NPC等给用户呈现出的整体视觉感受。一个APP开始启动设计时,第一步应该用主要页面定下整个APP的设计风格,然后……交互干货必收App界面交互设计规范在上篇《APP界面设计风格》确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计。在细节设计启动前,拉上设计师和安卓前端开发、ios前端开发一……值得你深入了解的交互设计五大支柱随着单页式设计和移动端的兴起,网页中的交互设计越来越重要了。为了打造流畅而可靠的用户体验,你需要对交互设计有更加深入的了解。正如同我们在《交互设计最佳实践(卷1)》中所述……深聊软件设计中最基础的控件元素控件作为组织界面最基础的元素,相信大家都不会陌生,今天想谈谈这个不起眼的话题。文章从现实的控件过渡到软件界面,再用三大输入法的控件作为实际案例解说,全文干货满满,来收!一……用户体验设计师必备的4种UX文档当谈及用户体验相关的文档之时,线框图和原型相关的文档无疑是其中最重要的。但值得注意的是,用户体验所涵盖的范畴不止于此,它们也仅仅只是个开始。实际上,我们发现还有四份文档也是日常……关于在iOS当中实践MaterialDesign的访谈原文当中关于这位设计师成长经历和近期项目介绍的内容省去了,脱一层水。小节标题是host的提问。你产出了很多不错的MaterialDesign,尤其是iOS版本的Googl……如何在界面设计中“色”诱用户?在设计过程中,如何最佳地搭配颜色,诱导用户视线?是不是在为图标选择什么颜色而烦恼,反反复复地尝试,总不能达到想要的效果。是不是总在羡慕“别人家的设计”,而苦于无从下手?其实所有……
敏捷开发在中国的落地经验如何养成产品思维?一个案例告诉你你被需求骗了吗?献给在路上的产品汪和创业者App关键页面埋点基础如何让CEO愿意为你的产品“买单”?YY产品介绍中的坑坑坑四步搞定需求需求获取、需求分析如何利用场景化培养用户习惯?作为一个产品新人,我这一年的经历和体会面对堆积的需求,产品经理该如何排期?从产品经理的技术理解力看产品需求流程硬件产品经理,如何做用户调研?杂谈TTS(Texttospeech):文本转语音梦想无大小的心情日记小苏打洗脸能祛痘吗长痘可以用小苏打洗脸吗张哲瀚疑似精日?去日本神社参加婚礼,拍照被质疑比纳粹手势保健食品秋梨膏能有效去祛痰做法汽车报废年限与标准,广东省汽车报废流程郑杭生:当今社会学要做好三门功课vivo首款自研芯片亮相?为啥国产手机巨头要扎堆自己造芯片?8助攻0失误!哈登离队激活篮网25岁悍将,7中1,火箭不需要阿尔德里奇客场欣赏范丞丞退出乐华七子是真的吗,海报没有了范丞丞的身影善待人生之玉数学《全等三角形性质》教学反思

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