020-28170311

快捷导航

# 业务咨询
电 话:020-28170311

张经理 / 18665606093

Email / service@2000new.com

Wechat

扫一扫添加顾问

24个容易被忽视的应用设计细节

来源:新际网络 发布时间:2021-04-30

  随着移动优先的趋势,APP设计越来越受到公司的重视。不断提高APP的设计质量是每一个设计师的追求。你忽略了哪些设计细节?看看你是否掌握了所有这些细节。


  视觉表型问题


  1.统一图标设计风格


  图标设计是整个APP设计中最重要的一个环节。图标设计样式包括线性图标、填充图标、平面图标、平面图标、手绘样式图标和模拟对象图标。无论我们选择什么样的图标,请保持统一。同一模块采用一种表达方式。如果是线性图标,会保持一致的笔画值。


  图标在配色上要有规律的统一,采用同色是常见的配色方法。如果使用不同的色相配色方法,要保持整体的配色协调性,不要有饱和度和亮度反差过大的配色,这样会影响整体的视觉协调性。


  2.图标大小的视觉平衡


  当多个图标出现在同一个界面时,我们需要保持整体的视觉平衡。不是所有的图标都可以用同样的尺寸达到平衡。由于图标的大小不同,相同大小下不同大小的图标视觉平衡是不同的。例如,一个相同大小的正方形会比一个圆大。因此,我们需要根据图标的大小来调整图标的大小。


  3.优化你的分割线


  在界面设计中,细节往往最容易被忽略。根据不同的界面颜色,在分割线颜色的选择上要做相应的调整。因为分割线的作用是区分上下信息层次和界面装饰,所以配色的表现力低于文字信息,所以我们通常选择浅色而不是深色,这样界面会更简洁透明。除非在某些特定的产品场景中,否则应谨慎使用深色分界线。


  4.合理使用投影的颜色和透明度


  通过突出按钮、卡片等。可以增强立体感和层次感。做投影的时候需要根据不同的背景改变投影的颜色和透明度。


  灯光背景下的投影颜色将通过选择左上角拾色器的位置和10%到40%之间的透明度(个人经验)来调整。深色背景下的投影颜色将通过选择拾色器右下角的位置和20%至40%之间的透明度(个人经验)来调整。


  投影的权重符合页面设计的氛围,投影的应用是为了增强元素的立体感和层次感,而不是影响整个页面的视觉平衡。


  5.不要过度修饰,让界面更简洁


  设计需要准确把握“度”,过度的设计会干扰信息的传递。通过减少不必要的设计元素,让信息出来,整个界面会更加简洁、清爽,不会让用户分心。6.画面比例视在地平线的统一


  在字符显示的设计中,如果多个字符并排出现,为了保持视觉平衡,我们需要调整并排图片的大小比例,就像所有字符都是以相同的焦距拍摄一样。在调整人物的上下位置时,我们应该尽量控制视在地平线的方向,使他们的眼睛处于同一位置左右。


  7.控制界面中的配色数量


  在一个界面中控制三种颜色相对容易。如果超过三种颜色,就考验设计师的基本功了。如果色彩处理不到位,就会出现五彩缤纷的“视觉盛宴”。


  在选择颜色组合时,使用颜色相近的配色方案,可以使颜色更加和谐、交融;如果你想更清晰地突出一些元素,对比色是一个很好的选择。无论选择什么配色方案,都要控制界面中配色的比例,这样才不会干扰信息传递。


  8.合理的设计比较


  相比之下,信息模块可以更加独立,界面层次更加丰富。在这种情况下,不同的信息模块通过不同的背景颜色来区分,提高了整个界面的节奏。颜色的选择可以是同一颜色体系中不同明度的渐变表达,也可以选择不同色调的穿插搭配。


  9.提高地图的质量


  图片质量影响整个界面的风格。如今,越来越多的产品将图片美化后展示给用户,以增强产品在用户心目中的印象。我们在设计方案的时候,也要精心挑选搭配图片,通过后期裁剪、曲线调整、色彩调整等手法,让同一个模块的搭配图片视觉效果更加和谐。


  信息传递问题


  10.清楚地表达图标的含义


  移除图标副本后,界面会更加“强迫”,但你确定用户能理解图标所表达的意思吗?当我们设计界面时,图标是为了帮助解释副本传达的信息。如果删除复制信息,图标本身需要有很强的信息传递能力,以保证用户能够正确识别。


  11.正确表达按钮属性


  按钮的设计必须清晰准确地传达当前状态,不能给用户带来对视觉效果的错误判断。比如深灰色按钮的用户会明白自己被禁用,放弃点击。


  按钮的颜色、大小和样式用于指导用户操作。需要加强的地方要做的突出,整个界面不要处于优先级不明确的状态,分散了用户的注意力,削弱了界面需要传达的主旨。


  12.正确处理文字排版的层次关系


  我们在工作中得到的需求中总会有一大份,不能像概念设计那样随意删减。排版时,正确处理信息之间的层次关系,会提高用户对信息的识别度。我们通常通过字号、颜色、空格、层次分割等技术进行处理,对属性相同的信息进行分类设计,通过不同的空格实现层次分化,使整个信息排列的顺序清晰。13.线条和颜色块分割的合理应用


  线通常用于划分相同类别或具有相同属性的元素;而色块更多的是用来划分不同的类别或者区分不同的属性,从而达到层次清晰、分类清晰的目的。在选择分割形式时,要根据信息之间的关系表达清楚,不能为了视觉效果而盲目使用。


  14.提前估计信息呈现的最大价值


  在界面布局中,应该定义信息呈现的最大值,而不是取最小值进行设计。如果长度范围太理想,界面风格可能会更美观,但落地后会给用户带来非常不好的体验。


  15.使用提示提高用户阅读效率


  在大文本信息的布局中,合理使用提示会提高用户对信息的理解,快速找到需要的信息。提示可以是数字、字母、图形、色块等。只要他们能有效区分信息等级。


  16.布局清晰而集中


  好的界面布局是为了引导用户更好的阅读和操作,界面布局要有层次和重点,而不是简单的罗列信息。通过卡模块的差异化和尺寸变化,可以很好地进行视觉引导,大大提高了用户对界面的理解,从而提高了用户的操作效率。


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


  从左到右,从上到下阅读是我们现有的习惯。如果你想打破这种习惯,用视觉来表达,你将面临巨大的挑战用户体验的压力。


  概念表达问题


  18.同一界面下圆角直角的统一


  在同样的界面设计中,圆角和直角的选择要在界面上显得更加均匀,视觉表达不能因为混合应用而不一致。如果选择圆角作为视觉语言,同一模块下圆角的大小应该统一,这样整个界面设计的视觉语言就更加规范统一。


  19.设计元素的表达符合用户的心理


  设计的目的是帮助用户更好的理解界面的操作逻辑。如果你的设计改变了用户的心理和习惯,可能会增加用户的学习成本或者被用户抛弃。我们在设计界面的时候,如果要设计一些创新的操作规则,就需要做更多的研究和测试,确保规则符合用户的心理。


  20.设计表达的一致性


  同一个信息模块用统一的设计表达,不应该为了改变而加强用户的理解。前后信息设计的多样性在视觉上可能更丰富,但用户会明白这是两个不同的模块,操作会有所不同,无形中增加了用户的思考时间和学习成本。


  21.不要把网页的习惯带入APP设计


  网页和APP的设计本质上有很多不同的视觉表达规则。在设计APP界面时,要脱离网页的一些交互习惯,回归移动用户的习惯,使界面的操作逻辑更加流畅。22.使表单设计更加简洁


  表单设计在界面上随处可见,用户总是不愿意看到无尽的表单。为了缓解用户的心理活动,我们通常会对属性相同的表单进行组合汇总,一步一步填写,让用户觉得内容很少。通过这种视错觉,用户可以完成表单。


  23.空界面中插图的使用


  为了提高APP的情感设计,插画越来越受欢迎。在空界面的一些设计中,也从以前的纯文字变成了一些插图,给用户带来了更多的乐趣。


  24.用真实的信息填充你的设计


  经常看到一些设计稿的整个界面都是一样的有图,随意输入的文案看起来很不专业。为了减少视觉着陆的差异,我们在设计时试图用真实有效的信息填充我们的设计草稿,以便在提出时给决策者一个恢复真实场景的有效解决方案。


  总结


  APP设计中有很多细节需要设计师注意,这里就不一一列举了。很多理论来源于书本和项目经验,希望与大家分享。


  设计是一条漫长的路,没有一成不变的结论。作为互联网时代的设计师,我们要不断反思和总结,打破常规和束缚,接受更多的新元素,让设计作品更符合这个时代。


联系我们
  1. 咨询电话 咨询电话

    业务咨询:

    020-28170311

    服务监督:

    郭经理 18620727292
  2. 联络邮箱 联络邮箱

    业务邮箱

    service@2000new.com

    招聘邮箱

    hr@2000new.com
  3. 新际网络公司总部地址 总部中心
    广州市番禺区天安节能科技园总部中心 23栋4楼
  4. 新际网络 微信客服 微信沟通
    售前顾问

    扫一扫加售前顾问

返回顶部

电话咨询

在线咨询

留言预约

*新际020中心将尽快与您联系