发布时间：2019-9-15 分类： 行业资讯
随着移动优先级的趋势，APP的设计越来越受到公司的重视。不断提高APP的设计质量是每位设计师的追求。您忽略了哪些设计细节？让我们一起来看看吧。你有没有掌握这些细节？
视觉表型问题
01，统一的图标设计风格
图标设计是整个APP设计中最重要的部分之一。图标设计风格包括：线性图标，填充图标，脸图标，平面图标，手绘风格图标和模拟图标。无论我们选择的图标形式如何，请保持一致性。同一模块采用表达式，如果是线性图标，则保持一致的笔画值。
图标也应在颜色匹配中定期统一。相同的颜色是更常见的颜色匹配方法。如果使用不同的色相配色方法，要保持整体色彩匹配，不要出现饱和度，亮度过高的对比色，影响整体视觉协调。
02，图标大小的视觉平衡
当多个图标出现在同一界面上时，我们需要保持整体视觉平衡。并非所有图标都以相同的大小平衡。由于图标的体积不同，在相同尺寸下不同尺寸的图标的视觉平衡是不同的。例如，相同大小的正方形将大于圆形。因此，我们需要根据图标的大小调整图标的大小。
03.优化分界线
在界面设计中，细节处理经常被忽视。根据界面颜色匹配，我们还需要调整分界线的颜色。由于分界线的功能是区分上下信息等级和界面装饰，因此颜色匹配的表现力低于文本信息的强度。通常，我们会选择浅色并消除暗色，使界面更加简洁透明。除非在某些产品情况下，否则应谨慎使用暗分割线。
04.合理使用投影颜色和透明度
通过投影按钮，卡片等可以增强立体感和分层感。当我们进行投影时，我们需要根据不同的背景改变投影的颜色和透明度。
投射在浅色背景上的颜色会将颜色选择器左上角的位置和透明度调整为10％到40％（个人经验）。投影在深色背景上的颜色会将颜色选择器右下角的位置和透明度调整为20％到40％（个人经验）。
投影的重量对于匹配页面设计的氛围很重要。投影用于增强元素的三维感知和分层，而不是影响整个页面的视觉平衡。
05，不要过度装饰，使界面更简洁
设计需要准确掌握“度”，过度设计会干扰信息的传递。通过减少不必要的设计元素并将信息输出，整个界面将更加简洁和清晰，并且不会分散用户的注意力。
06，图片比例&眼睛水平的统一
在字符显示的设计中，如果多个字符并排出现，为了保持视觉平衡，我们需要调整并排图片的大小比例，就像所有字符都是在同一焦点拍摄一样长度。在调整角色的上下位置时，我们应该尝试控制眼睛水平的方向，使他们的眼睛处于相同的位置。
07.控制界面中的颜色数量
一个界面有3种颜色匹配，相对容易控制。如果使用超过3种颜色匹配，则是对设计师技能的测试。如果颜色处理不到位，将会有丰富多彩的“图形盛宴”。 ;
选择颜色组合时，使用相似颜色的配色方案可以使颜色更加和谐融合;如果你想更清楚地突出一些元素，对比色是一个不错的选择。无论选择何种配色方案，都必须控制界面中的颜色匹配，以免干扰信息。
08，合理的设计比较
相比之下，信息模块可以更加独立，界面层次关系更加丰富。在这种情况下，不同的信息模块通过不同的背景颜色来区分，这改善了整个界面的节奏。颜色的选择可以是同一颜色系统中不同亮度的渐变，也可以选择不同颜色的隔行扫描。
09，提高地图质量
图片的质量会影响整个界面的风格。现在越来越多的产品将美化图片然后展示给用户，以增强产品在用户心中的印象。在设计提案时，我们还应仔细选择匹配的图片。通过后切，曲线调整和颜色调整等技术，同一模块的视觉效果更加协调。
信息沟通问题
10.表达图标的含义
删除图标副本后，界面将显示为“强制”，但您确定用户可以理解图标表达的含义吗？当我们设计界面时，图标是帮助解释副本传达的信息，如果删除了复制信息，那么图标本身需要具有很强的通信能力，以确保用户能够正确识别。
11，按钮属性的正确表达
按钮的设计必须清晰准确地传达当前状态，不能给用户判断视觉效果。例如，深灰色按钮用户将理解该按钮被禁用并且放弃了点击。
用户的操作由按钮的颜色，大小，样式等引导。需要强调加强的必要性。整个界面不处于主要或次要状态，分散了用户的注意力并削弱了界面的主要目的。
12，正确处理文本排版的层次关系
我们在工作中得到的需求总是会有大量的文本副本，不能像概念设计那样随心所欲地切割，在文本排版中，正确处理信息之间的层次关系会提高用户对文本的认识。信息。我们通常处理字体大小，颜色，空白，分层分割等技术，对同一属性的信息进行分类，并通过不同的空白区域实现分层区分，使整个信息排在第一和第二位，水平很清楚。
13.合理使用线条和颜色块分割
线通常用于分割相同类别的元素或具有相同的属性;颜色块更多地用于分隔不同的类别或区分不同的属性，以实现更清晰的级别和清晰的分类。当我们选择分割的形式时，我们必须根据信息之间的关系做出清晰的表达，我们不能盲目地将其解释为视觉效果。
14.提前估算信息的最大值
在进行界面布局时，将阐明信息呈现的最大值，而不是最小值。过于理想的长度范围可能在美学上更令人愉悦，但它会在降落后给用户带来非常糟糕的体验。
15，使用提示来提高用户的阅读效率
在大文本信息布局中，合理使用提示将提高用户对信息的理解并快速找到所需信息。只要可以有效地区分信息层次，提示可以是数字，字母，图形，颜色块等。
16.布局明确界定并突出显示。
良好的界面布局是为了更好地指导用户阅读和操作，界面布局应该是分层的和集中的，而不是简单地列出信息。通过卡模块的区分和尺寸变化，可以很好地进行视觉引导，大大提高了用户对界面的理解，从而提高了用户的操作效率。
17.信息布局符合阅读习惯
从左到右，从上到下阅读是我们的习惯。如果你想打破这种习惯并在视觉上表现，你将面临挑战用户体验的巨大压力。
概念表达问题
18，圆角的均匀性&同一界面下的直角
在相同的界面设计中，圆角和直角的选择应该在界面中更均匀地出现，并且不应该由混合使用引起不一致的视觉表达。如果选择圆角作为可视语言，统一同一模块圆角的大小，则应该没有不一致的大小，以便整个界面设计的可视语言更加标准化。
19.设计元素的表达符合用户心理学
旨在更好地帮助用户理解界面的操作逻辑，如果您的设计改变了用户的心理和习惯，可能会增加用户的学习成本或被用户抛弃。当我们设计界面时，如果我们想要设计一些创新的操作规则，我们需要做更多的研究和测试，以确保这个规则符合用户的心理。
20.设计表达的一致性
相同的信息模块使用统一的设计表达式，并不会为了改变而增强用户的理解。视觉设计前后信息设计的多样性可能比较丰富，但用户会明白这是两个不同的模块，操作会有所不同，这会增加用户的思考时间和学习成本。
21，不要把网页的习惯带到APP设计
网页和APP的设计本质上有许多不同的视觉表达规则。在设计APP界面时，我们应该摆脱网页的一些互动习惯，回归移动用户的习惯，使界面的操作逻辑更加顺畅。
22，使表单设计更简洁
在界面中随处可见表单设计，并且总是不鼓励看到无穷无尽的表单的用户。为了减轻用户的心理活动，我们通常设计和合并具有相同属性的表单，并使用逐步填充使用户感觉内容非常小。通过这种视觉错觉，用户可以完成表格填写。
23，在空接口中使用插图
为了改善APP的情感设计，插图的使用变得越来越普遍。在空界面的一些设计中，它也从之前的纯文本变为一些插画家表演，这给用户带来了更多的乐趣。
24.用真实信息填充你的设计
我经常看到一些设计草图与整个界面相同，并且副本的随机输入似乎非常不专业。为了减少视觉着陆的差异，我们尝试在设计时使用真实有效的信息填写我们的设计草案，以便为决策者提供有效的解决方案来恢复真实场景。
结论
APP设计有很多细节需要设计师注意，所以我不会在这里列出。许多理论来自书籍和项目经验，我希望与大家分享。
设计是一条漫长的道路。没有结论是静态的。作为互联网时代的设计师，我们必须不断反思和总结，打破规则和约束，接受更多的新元素，并使这个时代更加符合。设计工作。
最后，我希望我的总结可以帮到你。我希望这条消息能够纠正我。
