标梵讲怎样设计让自己的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.色彩基础知识
颜色分为非彩色系和彩色系，非彩色系是指白色、黑色和各种深浅的灰色；色系指红、橙、黄、绿、青、蓝、紫等颜色。
更多关于色彩的理论知识这里就不展开了，色相、纯度、明度、正确度我们自己来补。

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

标梵互动教你巧妙使用CSS变量使您的CSS更有吸引力
标梵互动教你巧妙使用CSS变量使您的CSS更有吸引力 2020-11-19 私有「CSS变量」又叫「CSS自定义属性」,为什么会突然提起这个很少人用到的东西呢?因为最近在重构个人官网,不知道为什么突 ...
标梵解说网站开发的初学指南
如果您正在阅读本文,那么您可能对Web开发有一些兴趣,甚至您已经开始想要了解Web开发.这篇文章展示了一个Web开发者可以遵循的方法.本文作为初学者的指南,从学习什么开始,到如何精通.也许对于您打算进 ...
标梵带你了解你不知道的js
引言不是退缩,而是继续前进. 第一部分:作用域和闭包第一章:作用域是什么当一个块或者函数嵌套在另一个块或者函数中时,就发生了作用域嵌套. 因此在当前作用域中无法找到某个变量时,引擎就会在外层签到 ...
Biaofun标梵互动分享如何构建APP界面风格？
美好的事物总是会给人们带来视觉上的享受,一个精美的APP呈现在用户面前,他们心里就会产生莫大的愉悦感.而传递给用户这种感觉的来源,正是你的界面视觉设计. 在扁平化流行的今天,所有的APP看上去都大同小 ...
标梵互动智建中健健身整合营销方案
项目概况中健‍健身集团(SINOFIT)是以连锁健身俱乐部经营为主的多元化.全方位纵深发展的健身产业集团.业务遍及全国12个省,年销售收入.固定资产收入均超过十亿元. 标梵赋能 2021年,是标梵互 ...
深入浅出精讲面向对象设计七大原则，彻底领悟设计背后思想
深入浅出精讲面向对象设计七大原则,彻底领悟设计背后思想欢迎阅读一.面向对象设计原则提出背景二.面向对象设计七大原则总览三.单一职责原则(SRP) 3.1定义: 3.2分析: 3.3举例: 四. ...
php 微信公众号开发-自动回复之标梵分享
今天我们再切换回php.使用php脚本完成公众号自动恢复的功能. 在开发之前需要先申请公众号,个人只能申请订阅号. 申请完毕之后,需要启用服务器配置,不需要开启开发者设置的.是的这个功能只需要开启服务 ...
怎么样才能做好非标自动化设备的设计？|| 技巧总结
非标准设备是指国家并无大批量生产,而国民经济各部门又确实需要的专用非标准设备.非标准设备在设计制造方面不是按照国家颁布的统一的行业标准和规格制造,而是依据自身用途需要自行设计.制造.在日趋激烈的市场竞 ...
如何做好非标自动化设备的设计
如何做好非标自动化设备的设计非标准设备是指国家并无大批量生产,而国民经济各部门又确实需要的专用非标准设备.非标准设备在设计制造方面不是按照国家颁布的统一的行业标准和规格制造,而是依据自身用途需要自行 ...

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

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

最新文章

热门文章