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

简约而不简单,谈一谈移动开发中的那些极简设计

11月23日 碧落盟投稿
  设计是一件用户驱动很强的工作。随着用户越来越偏好更简洁的交互界面,如何剔除多余的元素,保留最基础最重要的元素是极简设计的关键。极简设计形式和功能完美结合。它最大的优点是极简的表现形式,简洁的线条,大方的留白,简约的图形化元素,就算是很复杂的内容,在这样的设计下也会显得很简洁和干练。当然,如果能有效的利用这些元素。
  极简设计必须要简洁明了和一致的可用性。你的交互系统应该通过清晰的视觉传达(ClearVisualCommunication)来解决用户的问题。这也是为什么具备简洁设计和高可用性的应用如此让人深刻。即便只是一个通过极简设计的导航,都能够提供很强的交互功能。要做到这一点,你需要注意以下几个方面。
  简单的配色方案
  简单的配色方案能够提高用户体验,那么相应的,过多的色彩则会带给用户负面的影响。针对于初学者,有一些预先定义的标准颜色方案能够让你轻松创建新的颜色方案。
  1、单配色方案
  单配色方案由特定色彩的不同的色调,阴影或颜色深浅所构成。他们的原理是通过修改特定颜色的饱和度和亮度,可以生成多种协调的颜色,这种颜色方案比较简洁和优雅,不会给眼睛产生太大负担。
  蓝色的单配色方案(素材来源:SmashingMagazine)
  
  素材来源:Dribbble
  2、近似色彩配色方案
  近似色彩配色方案的思路是从色轮上取三个相邻的颜色来做为配色。全手势操作的应用Clear使用了近似色彩配色方案,它使用不同颜色来区分任务的优先级或者高亮关键的任务。顶端的任务使用最鲜艳的颜色,而底部的任务则使用明亮精致的颜色。
  渐变的黄色和橙色也是近似色彩配色方案的一个例子。
  素材来源:tuts
  iOS平台的Clear应用
  模糊效果
  模糊效果出现在极简UI设计中是一件非常符合逻辑的事情,它能够增加UI的层次感。如果你的UI拥有多个层级,使用模糊效果能够让用户清晰地了解到UI的前后层级的关系。这也给了设计师一个完美的机会来设计多样化的菜单和层级效果。
  雅虎天气显示了一张当前位置的风景图片,如果需要查看天气的详细信息,你只需要向上滑动便会马上显示出来。与在原先的页面上叠加一层相比,这种方式在增加了详细信息的易于获取的情况下还保存了上一张图片作为模糊背景后,帮助用户在操作之后有更为直观的反馈。而且交互方式极为自然,你可以很方便的就返回到上一层。
  iOS上的雅虎天气
  一个应用中只使用一种字体
  在一个应用中使用多种字体会看起来很散乱和马虎。减少屏幕上字体的类型数量可以增强排版的效果。当你在设计应用的时候你可以通过更改字体的字重、样式、尺寸和大小来优化布局效果,而不是更换字体。
  素材来源:Apple
  通常来说,一个应用中只使用一种字体。
  当你在为APP选择字体的时候,选择平台的默认字体可能是最安全稳妥的选择:
  苹果使用SanFranciscoFamily字体来提供全平台一致的阅读体验(在iOS9中简称为SFUI)。
  Roboto和Noto分别是Android和Chrome的默认字体。
  减少屏幕上使用的字体类型能够获得较好的排版效果。
  素材来源:Dribbble
  数据的视觉焦点
  1、你应该使用大号字体和醒目的颜色来让特定的数据成为视觉的焦点。使用中性的颜色(黑白灰)来展示普通的内容,而一些具备操作功能的部分则使用强对比的颜色来吸引用户注意,从而给给予用户正确的指导和操作。
  明亮的色调中性的色调是最容易搭配的方案,同时也是视觉上最引人注意的方案之一。
  素材来源:SmashingMagazine
  2、被放大的字体和显眼的色彩能够很好的吸引用户的注意力,而不需要多余的文字提示。与此同时还提供了简洁易用的信息收集体验。
  在屏幕特定的区域使用放大的字体和弹出的颜色能有效吸引用户注意力。
  素材来源:Dribbble
  使用留白代替线条来区分元素
  设计师通常使用线条和分割线来给屏幕划分区域和功能类别,但是增加太多这些元素会UI界面过于臃肿。
  更少的线条和分割线能够让我们的页面看起来更加的干净,现代化和功能突出。我们可以使用间距,留白和色块来区分不同的元素。谷歌日历就是一个很好的例子,它使用投影将两个内容不同的区块清晰地拉开层次,而不是用线段来简单地分割。间隔不仅提供了清晰的视觉也增加了日历应用的易用性。
  图标:线条和填充
  我们使用图标用来表达某种功能或者内容,图标作为一种视觉语言,它应该是简约易于识别和理解的。iOS7后许多极简设计的UI都使用线条或者填充的图标。来看看同一个图标分别使用线条和填充的效果。
  时钟图标素材来源:icons8
  我们来看看底部菜单栏的图标。该图标在应用中通常是作为导航的存在,所以指示当前用户所在区域是很重要的,我们通常使用高亮图标来表示当前用户所选中的区域。这个时候,灰色的线性图标表示为未选中的状态。这样一来我们的底部菜单栏就很直观了。
  苹果商店的底部导航素材来源:viget
  总结
  简约的UI和设计技术是完成优秀设计的关键,但是极简设计的本身不是设计的目的。我们最终的目标是要简约UI的同时需要保证功能的完整性和高可用性。简单的流程,清晰的视觉传达和与设计的结合来打造无缝的交互体验才是最重要的。
投诉 评论 转载

译文移动体验设计禁忌就移动用户体验设计而言,不断地实践是检验其好坏的一条必经之路。在这篇文章中我们聚焦于基础。我们需要去解决的是如何避免打断用户或者强迫用户思考的问题。我们一开始为什么去安装……四个帮你提高UI设计效率的工作技巧了解工程实作的基本原理业界NG率:接近100许多人认为创造力和逻辑是左右半脑分开管辖的、设计师和工程师使用的是不同部分的能力,所以大家各安其份做好自己的工作就好我负……图形界面的末路?聊聊未来可能会流行的对话式交互人类花费数十年才将计算机交互从以命令行为代表的文字界面(TUI)发展到以用户界面为核心的图形界面(GUI),然而这显然不是终点。图形界面之后会出现什么?我们已经隐隐可以窥探到其……打造美观清晰易使用的交互文档在检查交互文档的时候,我有句口头禅是:“这交互稿画得太丑了。”听到这句话的小朋友,有些回了句“哦”,有些则会问“交互稿也要考虑美么,交互稿不是逻辑ok就行了么”,脸上是不甚理解……提升体验,要懂心理学之行为主义(一)有时我在设计用户体验的时候,在想,什么体验对用户来说是重要的?什么才是真正吸引用户?怎么样才能让用户,甚至会对自己设计的产品上瘾呢?经过从事几年的用户体验之后,深深感悟到……以司机为中心的用户体验设计Uber如何将他们的设计哲学应用在司机端的App上面?这一次,饿了么商家端产品经理为大家翻译了以司机为中心的用户体验设计细看如何从零开始重制Uber司机端App。将我们简……简约而不简单,谈一谈移动开发中的那些极简设计设计是一件用户驱动很强的工作。随着用户越来越偏好更简洁的交互界面,如何剔除多余的元素,保留最基础最重要的元素是极简设计的关键。极简设计形式和功能完美结合。它最大的优点是极简的表……深度剖析直播页面中的聊天区本文将从设计角度深度剖析聊天区。直播浪潮来袭,大家在看直播的时候是否感觉页面很“乱”?特别是占比例最大的聊天区(除了占满屏幕的豪华礼物),大家看到更多的是如下图,体验很糟……在做交互设计时,你需要知道这几大定律形式是跟随功能的,功能是满足用户需求的。尊重你的用户,让每个产品的细节都是合情合理的,然每一寸体验是“走心”的!在产品经理这个岗位上,不懂点儿交互设计,貌似就缺点儿什么似……如何解答交互设计笔试题又到了一年两度的招聘季时节,这个时间肯定有一大堆人都在海投面试。恰好最近又做了一份笔试题,顺便就来聊一聊“交互设计笔试题”要怎么做?我碰到过的交互设计笔试题有两种:……一千个从业者就有一千个交互设计师最近在一边工作一边读书的同时,也在思考交互设计是什么以及互联网交互设计师在团队中的定位等一些问题。谈到交互设计仿佛就是“一千个读者就有有一千个哈姆雷特”的感觉,每个人都会说出一……交互设计师应该了解的心理学理论:认知心理学、格式塔心理学和心问:贴满一张卡需要多久,A和B是否相同?答案当然是不同,尽管同样需要买10杯咖啡,但往往B方案会更快地贴满。交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。……
【企业营销型网站建设】营销网站和模板网站的区别SEO外链发布高质量外链标准企业品牌网站建设的模板开发与定制开发SEO外链发布时经常会犯的错误企业服务产品网站原型模板汇总为什么公司不推荐网站模板建设企业产品网站不能选择模板企业门户网站模板模板自定义企业免费网站模板CMS安装步骤企业网站建设中的品牌建设企业网站建设中的细节企业免费网站用模板建网站,值得信任吗?
【养宠经验分享】柯基犬关节炎不进食,柯基。。。简易版本的劳动合同范本产品经理如何设计出一个好界面年淘宝商品详情改版设计温室气体的危害有多少个维度的宇宙,一文秒懂从一维宇宙到。。。光之希望杨毅被CBA警告了!琼斯已经被罚了1万,CBA的裁判权威不可女性使用洗涤剂有碍生育传闻中的“河童”生物首次现身日本法律服务所加盟合同书的有效期如何确定?有哪些财经类院校非常好

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