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

今天的扁平化设计中,值得注意的4个要点

10月26日 望北海投稿
  扁平化设计本身在不断进化过程中,会在逐步根据需求和实际状况而进化,事实上它也正是不停地向着更实用、更有用的方向前进着。
  扁平化设计在过去的几年当中以惊人的速度发展起来,并且随着用户需求的变化而逐步进化。扁平化设计看似简单,但是其中分支多样,涉及到的技术多样,相关规范也都比较系统。
  到现在,扁平化设计所探讨的核心已经从最初的标准化设计转向如何创造视觉焦点了。所以,目前的扁平化设计当中,值得注意的要点大多是围绕着这一需求来的。
  1、高效的极简风
  极简主义设计的核心概念在于仅保留必须的组件。扁平化设计和极简主义在内核上相辅相成,在设计思想和内核上共通,比如,两者都推崇简约的设计和以内容为中心的设计思路。
  极简主义是形式和功能的完美结合。
  扁平化设计本身具有简单直观的属性,不仅具备视觉吸引力,而且兼顾了实用性,许多着陆页的设计常常会采用扁平化设计就是这个原因。相比于拟物化设计,扁平化设计更加轻量级,这可以让内容在不同尺寸、分辨率之间适配更加便捷。
  屏幕上的元素越少,每个元素的有效度越高。
  极简风看起来很容易实现,实际上,它比其他的更难做好。更少的元素意味着你需要更加谨慎地选择元素,因此,在决定保留各个元素、组件的去留的时候,你需要比以往更加谨慎。
  小贴士:
  (1)对内容进行强调(视觉上)。在设计的时候,尽量遵循一个原则:每屏只需要一个焦点,保留一个视觉中心,这样可以让内容毫无干扰,有效度达到最高。
  (2)大量使用负空间。负空间,或者说留白,是极简主义设计中最核心的设计元素之一,这也是它用来统一风格的重要手段。
  2、强调色
  在扁平化设计中,色彩的重要性再一次得到了强化。明亮的色调在扁平化设计中弥补了细节不足的缺陷,这也是为何色调明艳的配色方案一直流行。不过,随着时间的推移,现在配色方案的搭配方式开始倾向于使用中性色为主,而亮色用来强调的方案。
  内容为王,而色彩服务于内容。
  明亮的色彩和中性的背景搭配到一起,让设计师更好的控制不同的元素的视觉效果。
  黑暗的背景下,明亮的图案会显得更加富有戏剧性。
  小贴士:
  (1)按钮和主要的文字内容都高亮显示。通过色彩的调整,让某些按钮比其他的更容易被识别,更加突出。相比于幽灵按钮,这样的设计更加醒目。
  (2)使用经过验证的配色方案,FlatUIColors这个网站就搜集了最常用、最有效的配色。
  3、有趣的排版
  越来越好的硬件设备让屏幕带来更优质的显示效果,而诸如GoogleFonts和AdobeTypekit这样的服务则让网页排版进入一个全新的时代。
  文本已经成为一种重要的可视化设计元素。
  令人愉悦的字体和排版是个大趋势,定制化的字体、功能性的字体越来越多的出现在网页设计中,它们让网页排版进入了一个全新的时代。甚至中文网页字体也具备了更多的可能性。
  有趣的排版让扁平化设计不再单调。
  小贴士:
  (1)永远不要为了时尚或者噱头而牺牲字体的可读性,如果用户无法阅读,那么就更谈不上排版和风格了。
  (2)手写字体在网页设计中是一个很好的补充,但是考虑到可读性的问题,所以尽量不要在正文中使用,在大标题中使用则可以一定程度上降低可读性上的障碍。
  4、一个设计,一种字体
  太多的字体会让整个页面看起花哨而累赘,甚至会干扰用户对于视觉层次的感知。LOGO和大标题关乎品牌识别,它们需要专门在排版上进行设计,我们采用有趣或者别具一格的设计合乎要求,但是绝大多数的文本和内容在扁平化设计中,应该保持简约、一致,这部分应该采用识别度高,尽量使用一种字体。
  你总不希望用户被你的字体诱导分心了吧?
  因此,当你采用扁平化设计的时候,将正文和非标题文本设定为单个字体,你可以合理的调整字重、色彩和大小,但是多样的字体可能会给你的设计带来麻烦。
  让一个字体贯穿始终,用户会更多的注意到内容本身,而非字体的变化。
  小贴士:
  (1)选择一套识别度良好、包含多种字重的字体族,这样确保它在不同的尺寸下都具备良好的可读性和识别度,最好在小屏幕上具备优秀的显示效果。
  (2)所选的字体在字母外观中非常容易识别,许多字体(尤其是在非衬线体字体中)小写字母l(L)和大写字母I(i)很难分辨,诸如单词Illustration就非常难以分辨。当字母都难以分辨的时候,就会直接影响到用户的阅读。
  5、结语
  扁平化设计本身在不断进化过程中,会在逐步根据需求和实际状况而进化,事实上它也正是不停地向着更实用、更有用的方向前进着。
  
投诉 评论 转载

在现代网页设计中,动效常见的几种用法在逐步的探索和发展过程中,动效在网页和APP中的运用方法与技巧已经逐步成熟,形成了一套相对系统的模式。今天的文章我们通过一系列实例,来展示一下动效是如何改善整个用户体验的。……做用户体验设计最难的是平衡做用户体验设计最难的是什么?平衡是我一贯以来的答案。在实际工作中,需要我们平衡的因素有很多,比如商业目标与体验目标的平衡、理性思维与感性思维的平衡、追求极致与关注全局的平衡、发……实例分享在界面排版中,需要注意的七大原则(下)在上篇《实例分享在界面排版中,需要注意的七大原则(上)》大家了解了界面排版的前四个原则,今天接着将后面三个原则也分享出来。我们来先来回顾一下大纲:一、亲密原则……网页设计中视频运用的7个技巧随着网络传输速度的提升,视频在网页中的应用越来越多,也越来越广泛,带宽和流量对于网页视频的限制已经不再像5年前那么明显。而移动端设备的性能的提升,在移动端网页中使用视频也并不显……不要忽视色彩在手机APP设计中的作用在本文中,我们将讨论在APP中与色彩相关的重要知识点。我们将涵盖传统的配色方案模式(单色,相似色,互补色),不严格基于任何一种模式的自定义色彩组合,同时我们还将学习如何为你的A……今天的扁平化设计中,值得注意的4个要点扁平化设计本身在不断进化过程中,会在逐步根据需求和实际状况而进化,事实上它也正是不停地向着更实用、更有用的方向前进着。扁平化设计在过去的几年当中以惊人的速度发展起来,并且……UX分析:朋友圈的外链知多少?用户体验设计的核心是用户,而用户是通过社交媒体相联系的,在设计app应用时,我们会更在意app内的使用,而会忽略app外的使用。当我在朋友圈里看到这些外链的时候就想到了要写这样……QQ国际版视觉探索:准备了两套视觉设计方案QQ国际版主要是针对国外用户打造的一款轻量社交产品。由于当前产品迭代周期相对较长,我们对当前视觉提出一个疑问:现有产品的视觉形态,是否符合国际版的产品调性?基于这个问题,我们开……视觉设计的思考:如何设计APP的登录页一个完整的App包含很多页面,设计一个App是一个很系统的工程。笔者会陆续撰写,带着大家完整的学习设计App的过程。我们先从登录页设计开始学习。做界面设计前,我们先来理解一下界……面对大项目,交互设计应该如何进行?去倾听用户真正的心声,才能设计出一款既能解决用户所担心的问题,又能让他印象深刻的产品。作为一个非科班出生,又没有经验的我而言,能进入到这个团队,真的觉得很幸运。在还未真正……零UI,为无屏交互而设计“最好的用户界面就是没有界面”GoldenKrishna我们正生活在后屏幕时代。智能和语境感知设备的出现已经改变了我们与事物的交互方式。数据成了我们的物理与数字情景连接的……看似平淡无奇的Icons,到底什么才是它的正确使用方式?了解食材是厨师的基本功课之一,了解器材是摄影师的基本功课之一,了解城管的时间表是卖热干面大叔大妈的基本功课之一,了解各个组件的设计模式和属性是交互设计师的基本功课之一。一……
5分钟学交互:手机交互组件归纳(导航篇)计算机视觉的三部曲尊重用户体验:让用户感到有价值的5种方法浅谈用户体验的4个维度从微信与QQ的交互比较中谈用户体验大厂产品告诉你:8个技巧强化交互表现交互方式的系统总结:如何让App拥有一个有趣的“灵魂”?手势交互简史:20072019,一路向前B端产品用户体验量化的三个案例韵达快递微信号“填写寄收件地址”的功能体验及优化建议以web端为例:我的交互设计细节手册(下)做到这五点,有效提高产品的用户体验
急性心肌炎怎么引起的怎么申报工伤佼佼造句用佼佼造句大全电磁炉辐射污染对人体有什么危害中国人民大学专业课08年暑期复习高效攻略晓东奶爸教育手记周芷若为何认定张无忌十年后会舍不得她?苹果别称(苹果的另外一个名字叫什么)我心灵的甘露盛夏未来首映只要看到张子枫吴磊互动,就停不下笑容蜗居心理分析一些网吧的无主机系统,是如何实现的?大自然的启示

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