• 光明日报:取消加分,让奥赛回归学科特长本质 2019-04-09
  • 广东今年计划新开工 棚户区改造住房25897套 2019-04-09
  • 全国今日天气预报网站地图 2019-04-07
  • 《汶川十年·我们的故事》一:寻找向日葵 2019-04-07
  • 北京市通报5起违反中央八项规定精神案例 2019-04-04
  • 人民日报创刊70周年:致梦想与初心 2019-04-04
  • 一根卷发棒搞定女神卷发造型,美出新高度! 2019-03-27
  • 中国光大银行获第十二届人民企业社会责任奖年度扶贫奖 2019-03-27
  • “屎尿罐”炸日军工兵 地雷埋进鬼子据点 2019-03-22
  • 专访:上合组织为地区稳定与发展发挥重要作用——访阿富汗总统加尼 2019-03-22
  • 日本大阪地震:专家指出应注意防范更强烈地震 2019-03-19
  • 期货市场法律体系建设亟待加强 2019-03-18
  • 新闻有温度——西部网新闻频道(陕西新闻网) news.cnwest.com 2019-03-18
  • “民主”韩非子叫“亲下以谋上”投机,中国是义主《国语》“立义治律万物皆作,分均天才万物熙熙。” 2019-03-09
  • 网络暴民与公交车纵火犯 2019-03-09
  • 注:刚入行的设计师可能都踩过很多坑,也曾经很疑惑——明明拿到的是一样的原型图,为什么自己做出来的视觉稿和优秀的界面仍有明显差距。今天就来谈一谈,应该注意哪些细节,才能设计出好的APP界面。

    一. 颜色

    二八杠推筒子软件下载 www.rxqf.net 在开始着手做设计稿之前,我们需要定义APP的主色(品牌色),和辅助色(点缀色)。

    1. 注意主色和辅助色占比,控制好界面中的辅助色数量

    辅助色使画面更加丰富,具有装饰性作用,在页面中占比较小,一般控制在 2 个左右,会比较好把控。页面中的颜色数量一多,设计起来难度就更大,出错的几率也相应增加,同时太过鲜艳的画面也会影响到页面的阅读性。

    2. 尝试不同的配色方法

    (1)对比配色

    对比色给人视觉上的冲击比较大,夺人眼球,如下图案例中蓝色和橙黄色的巧妙搭配不仅丰富了画面,还成为了页面中很大的亮点。所以,对比配色处理得好能一定程度上给页面加分。当然,也要谨防配错色。

    (2)单一配色

    单一配色能带来整体的统一感觉,不同深浅的主色承载不同的信息内容,可增加品牌的印象。

    (3)近似色配色

    如果觉得单一配色过于单调无趣,但又不想色彩太缤纷,可以用主色的近似色进行点缀。

    (4)渐变配色

    渐变作为一种设计趋势,能使页面感受更丰富饱满。但切记不可使用差别太大的颜色,细微的渐变即可。

    3. 注意带有自身属性的颜色的使用

    带有自身属性的颜色是指已养成大众认知习惯颜色,例如:报错一般会使用带有警示效果的红色系,可点击的文字按钮一般会使用蓝色系。判断失败图标一般使用红色系,成功则是绿色系。如果强行去改变,会让用户困惑,影响体验。

    二. 图标

    1. 图标的风格统一

    图标是APP界面中很重要的一部分,我们所了解的图标风格有很多,比如:线性图标、面型图标、拟物图标等。无论选择哪种表现形式,切记要保持图标风格的统一。

    2. 同一??橹械耐急晔泳醮笮⊥骋?/strong>

    并不是统一图标的尺寸就能达到视觉上的统一。举个例子,相同尺寸的圆和正方形在视觉上正方形要比圆大。所以我们需要根据图标的形状对其大小做相应的调整。

    3. 正确传达图标的含义

    图标能够清晰地传达信息,帮助用户理解这是什么功能。准确传递信息是图标设计的第一要点,如果图标的含义无法正确传达,那么它在界面中就是一个多余无用信息。

    4. 在内容简单的页面,加强对图标的细节勾勒

    图标通常具有很强的装饰性。当页面比较单调时,可加强对图标的细节勾勒,不仅能丰富界面,还可以让用户通过对图标的认识快速找到想要的功能和需求点;同时对图标的细节勾勒也会令界面更有趣味性。

    三. 配图

    图片是构成界面的重要元素之一,它可以帮助我们丰富界面,所以在图片的选择使用上需经过仔细地考量。

    结合产品自身的定位选择图片,提高配图的质量

    根据产品自身的定位和目标用户群体选择图片。比如餐饮类的软件产品可选择让人食欲大开的图片,而旅游类的则可选择风景优美的图片。同时谨记,要保证配图的质量。

    四. 信息的排布

    1. 明确信息的层级关系,突出重点

    视觉设计过程中要明确页面中信息的层级关系,以有效传达信息。好的界面所展示的信息不可能是平均的,因此要加强对比,突出重要信息、弱化次要信息,这样才能更好地引导用户阅读和操作。

    2. 适当的留白

    很多人可能会有这样一个误解:要充分利用好有限的空间,这样页面才会充实。但是密集的信息排布在设计中是很忌讳的。合适的间距和留白,能给界面带来“呼吸感”,而且设计师可以通过不同大小的留白区域让整个信息排列主次分明,层级清晰。关系近的、距离近,关系远的、距离就远。合理使用亲密性原则,能够帮助我们的界面更加有条理。

    3. 信息布局符合阅读习惯

    从上到下、从左到右、从大到小、从重到轻,这是用户已形成的阅读习惯,很难去改变,所以尽量要遵循。

    以上就是今天想和大家简单聊聊的界面设计过程中的小细节。如果在以上细节已经做得都很完美,那么你还可以在APP中加入一些小创意、小心思,来增加趣味性,更贴近用户的心哦!

    时间:2018/6/19 17:25:16    浏览: 次

     

    类别: 网络学堂
    标签: 细节,那些,注意,应该
    分享:
  • 光明日报:取消加分,让奥赛回归学科特长本质 2019-04-09
  • 广东今年计划新开工 棚户区改造住房25897套 2019-04-09
  • 全国今日天气预报网站地图 2019-04-07
  • 《汶川十年·我们的故事》一:寻找向日葵 2019-04-07
  • 北京市通报5起违反中央八项规定精神案例 2019-04-04
  • 人民日报创刊70周年:致梦想与初心 2019-04-04
  • 一根卷发棒搞定女神卷发造型,美出新高度! 2019-03-27
  • 中国光大银行获第十二届人民企业社会责任奖年度扶贫奖 2019-03-27
  • “屎尿罐”炸日军工兵 地雷埋进鬼子据点 2019-03-22
  • 专访:上合组织为地区稳定与发展发挥重要作用——访阿富汗总统加尼 2019-03-22
  • 日本大阪地震:专家指出应注意防范更强烈地震 2019-03-19
  • 期货市场法律体系建设亟待加强 2019-03-18
  • 新闻有温度——西部网新闻频道(陕西新闻网) news.cnwest.com 2019-03-18
  • “民主”韩非子叫“亲下以谋上”投机,中国是义主《国语》“立义治律万物皆作,分均天才万物熙熙。” 2019-03-09
  • 网络暴民与公交车纵火犯 2019-03-09