7个容易忽略的APP设计细节

Date 2024-03-07 10:58:39

  随着移动优先事项的趋势,应用程序的设计越来越受到公司的重视。不断提高应用程序的设计质量是每个设计师的追求。你忽略了设计中的哪些细节?让我们来看看这24个细节。你掌握了吗?7个容易被忽视的应用程序设计细节。

7个容易忽略的APP设计细节


  1.图标大小的视觉平衡

  当多个图标出现在同一界面上时,我们需要保持整体视觉平衡。并非所有的图标都可以通过相同的尺寸来平衡。由于图标的体积不同,不同体积的图标在相同尺寸下的视觉平衡也不同。例如,相同尺寸的正方形将大于圆形。因此,我们需要根据图标的体积进行相应的调整。

  2.合理运用投影的颜色和透明度


  投影使用按钮和卡片可以增强立体感和层次感。在制作投影时,我们需要根据不同的背景改变投影的颜色和透明度。

  浅色背景下投影的颜色会在10%~40%的位置和透明度之间进行调整。深色背景下投影的颜色会在20%~40%(个人经验)之间调整,选择拾色器右下角的位置和透明度。

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

  3.优化你的分割线

  在界面设计中,细节的处理往往是最容易被忽视的。根据界面颜色匹配的不同,我们也应该对分割线颜色的选择做出相应的调整。由于分割线的作用是区分上下信息层次和界面装饰,颜色匹配的表现力低于文本信息的强度,我们通常选择浅色而不是否定深色,因此界面将更加简洁和透明。除非在某些特定的产品场景下,否则应谨慎使用深色分割线。

  4.统一的图标设计风格

  图标设计是整个应用程序设计中比例较大的板块之一。图标设计风格包括:线性图标、填充图标、表面图标、扁平图标、手绘图标和拟物图标。无论我们选择什么形式的图标,请保持统一。同一模块采用一种风格的表达形式。如果是线性图标,则保持相同的边缘值。

  图标在配色方面也应保持规律的统一。使用相同的颜色是一种常用的配色方法。如果采用不同色调的配色方法,应保持整体配色协调,不要出现饱和度和明度对比过大的配色,影响整体视觉协调。

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

  设计需要准确把握“度”,过度设计会干扰信息的传递。减少不必要的设计元素,让信息脱离,整个界面会更简洁清爽,不会分散用户的注意力。

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

  一个界面中大约三种颜色的配色相对容易控制。如果配色超过三种,对设计师的技能是一个很大的考验。如果颜色处理不到位,就会有五颜六色的“视觉盛宴”。

  在选择配色组合时,使用相似颜色的配色方案可以使颜色更加协调和融合;如果你想突出一些元素,对比色是一个不错的选择。无论选择什么配色方案,都要控制界面中的配色比例,使信息传输不受干扰。

  7.图片比例&视平线的统一

  在角色展示的设计中,如果多个角色并列出现,我们需要调整并列图片的大小比例,以保持视觉平衡,就像所有角色都在相同的焦距下拍摄一样。在调整角色的上下位置时,我们应该尽量控制视觉平线的方向,让他们的眼睛处于同一位置。

  以上是红喵教育小编为您介绍的“7个APP设计细节容易被忽略“相关内容,学习UI设计培训,可参考红喵教育提供的UI学习路线,包括PS软件介绍、人工智能和品牌设计、视觉表达技术、网络视觉设计、图标设计、产品交互、移动终端设计等。根据红喵提供的UI学习路线图,您可以清楚地了解学习UI所需的知识 !  

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计