标梵讲怎样设计让自己的APP更精致有型？

我们打开一个APP，从视觉的角度来说，影响用户对APP整体感官体验的元素主要有:文字、颜色、图标、留白等等。
合理的使用，清晰的信息层次，舒适的配色，会提升整个APP的美感，从而为整个产品体验加分。视觉方面只是一个成功产品的一部分，但是作为一个合格的UI设计师，我们要做的就是做到最好。
接下来，我们通过“文字”、“颜色”、“图标”、“留白”等维度剖析APP设计，发现那些细微的细节。你只需要比别人多改进1px的细节，你的APP设计会更精致。

1、作为一个人的服装品味
在APP中非常常见，其呈现形式和质量都影响用户对产品的感官体验。它的定位就像一个人的服装品味。不同的衣服风格会让别人对你的评价不同，给你贴上不同的社会属性的标签。
我们来看看APP设计中需要注意的重点，从比例、一致性、质量、真实性等方面来分析。
1.1.比例有什么重要的？
不同的比例传达不同的信息主题。根据产品属性，我们会为整体框架布局选择与之一致的比例。
通过体验一些主流应用，我们会发现一些常用的比例，比如1:1、4:3、16:9、16:10等。；我们也会发现一些打破常规比例的设计。我们需要分析他们的特点，结合自己产品的特点，才能在自己的APP设计中合理使用。
1.1强调主体的存在
1:1的比例是常见的设计比例，这样更容易使构图简单，突出主体的存在。常用于产品展示、头像、特写展示等场景，尤其是电子商务应用。
4.3图像紧凑，易于构图
4:3的比例可以让图像更紧凑，更容易构图，方便设计师发挥。因为手机屏幕容量小，当显示为全屏时，这个比例在App的设计布局上占据了很大的空间。作为设计师，这个比例一直在接触，被酷站、UI中国、Dribbble的作品封面采用。
16:9电影场景般的效果
16:9的比例可以呈现电影场景般的效果，多用于横向构图。这是一个广泛使用的尺寸比例，可以给用户一个视野开阔的体验。广泛应用于腾讯视频、网易云音乐等很多电影和娱乐应用的设计中。
16:10拥抱黄金比例
黄金比例就像金字塔上的珍珠。离她越近越有吸引力，否则会削弱其魅力。16:10的比例最接近。设计没有绝对的标准。我们可以遵循一些优秀的经验法则，但也要敢于突破规则，尝试更多的可能性。
X:≤Y瀑布流设计。
X:≤Y代表最大值之间有固定宽度和自定义高度的瀑布流设计，在用户没有明确目的，只是喜欢获取尽可能多的信息时采用。X:≤Y的比例要注意高度的控制，不能超过屏幕的可显示区域。比如在750x1334px的设计中，花瓣网的最大高度是848px。
以上列举只是对一些常用比例的分析和说明，还有更多的比例在此不做论证。分享的目的是让大家养成分析的习惯，根据自己的产品特点选择合适的比例。

比例选择方法:
A.基于商品的展示效果，选择能够充分表达商品特征的展示比例；
B.根据产品气质，选择符合产品内容气质的展示比例；
C.根据产品特点选择合适的常用比例；
D.根据布局灵活定制特殊比例值；
E.分析→突破→创新，创造符合一定规律或审美观念的比例价值。
1.2.比例的一致性。
当我们根据产品的特点确定合适的展示比例时，我们需要根据整体布局和分布来规范哪些布局可以采用相同的展示比例。在保证视觉效果和交互形式的情况下，同一主题在不同页面中应以相同的比例呈现，既能保持视觉表达的一致性，又能给后期的操作和维护带来方便。
1.3、提高质量
越来越多的产品开始重视质量。比如网易YEATION对产品的拍摄和加工都有严格的规范，目的是提升产品气质和在用户心目中的印象。当我们设计时，我们应该用最好的来衬托我们的设计草图。我们的设计稿质量影响整个界面的风格。
很多合作伙伴会觉得是后期操作上传的，把我的设计稿做的再漂亮也没用。我对这个问题的看法如下:
A.最佳的设计输出是设计师专业的体现；
B.把最好的结果呈现给决策者，增加他对你设计能力的印象；
C.通过制定可操作的视觉规范来控制质量，可以严格控制自己的视觉追求；
D.你的态度会给你带来好运。
1.4、真还原
虽然前面提到了质量的重要性，但我们不能为了视觉效果而选择一些与主题无关的图片，这也会误导决策者。我们可以提高图纸的质量，但我们需要保证真实的还原，这样才能让你的设计工作更加真实合理。
在一些本地产品设计中，需要谨慎对待外来材料的使用。例如在模型图像的情况下，复制信息的传输更倾向于国内场景。如果使用国外的模型素材，可能会更有说服力，但不能真正还原产品场景，会向决策者传达一种错误的认知。

2.文本建立重点
文本设计的层次感决定了信息的高效传递。文本信息的分层处理可以有效地帮助用户获取信息，提高用户对产品的操作效率。
2.1、文本信息的层次区分
当我们得到交互原型或其他需求文档时，我们需要有效区分文本的信息层次，以便用户能够快速获取和理解信息传递的内容。文本信息可以简单分为重要信息、次要信息、辅助信息等。排版时需要明确梳理信息之间的层次关系，提高用户的整体体验。
通过处理字号、颜色、空格、层次划分等。，对属性相同的信息进行分类设计，使整个信息排列有明确的优先级和层次。
为了实现整个界面的视觉平衡，设计师需要减少文本样式的使用，不要使用太多的表达样式来突出文本信息。
2.2.估计信息呈现的最大价值
我们在设计界面的时候，初级设计师往往会忽略文字信息的最大价值，只根据自己的习惯进行完善的布局，最后在进入测试过程中发现为什么会有那么多信息超过自己的预期字数，然后会出现返工，给产品整体开发进度带来风险。
作为一个合格的UI设计师，我们需要估计信息呈现的最大值，而不是取最小值或者随意设计，这样在实现过程中会遇到更多不可控的风险。
2.3.善于利用提示进行设计
在一些大短信的界面设计中，为了提高用户获取信息的效率，我们会根据整体视觉效果选择合适的提示。很多初级设计师会过多的跟随交互原型，往往处理大文本过于随意，只美化交互原型，缺乏用户体验的主动性。
在设计产品交互时，有时产品或交互无法从视觉角度对信息进行整理和布局。我们需要利用我们自己的专业来优化你认为可以更好的东西，并且在整个产品链中为你建立专业精神。
提示的设计形式主要有数字、字母、图形、色块等。，只要能有效区分信息等级。
3.色彩，如何成为“色彩”规划师。
色彩给人最直观的感觉，不同性格的色彩搭配传达不同的情感。关于配色有一些方法，但也有一些感性的判断。作为视觉设计师，我们需要学习理性的方法和技巧，不断欣赏优秀的作品，提高自己的审美能力。
3.1.色彩基础知识
颜色分为非彩色系和彩色系，非彩色系是指白色、黑色和各种深浅的灰色；色系指红、橙、黄、绿、青、蓝、紫等颜色。
更多关于色彩的理论知识这里就不展开了，色相、纯度、明度、正确度我们自己来补。