h5页面设计的技巧有哪些

发布网友发布时间：2022-04-23 14:03

共1个回答

热心网友时间：2022-05-12 03:42

H5页面设计技巧主要分为以下几点：
1、字体明暗程度划分层次
在构建文本内容的视觉层级时，可以使用的属性很多，所以只使用大小差异来配置看起来太单一了。很多时候可以用颜色、字重和明暗来区分。更重要的文本更大、字体更粗、颜色更鲜明，或者渲染为更暗的黑色，您可以组合这些属性来构建视觉层级。
2、合布布局按钮
当H5页面上有几个按钮决定展示时，您可以决定以颜色的形式来传递。例如，使用红色和绿色作为按钮颜色。实际上，红色和绿色按钮的颜色意义已经横跨物理世界和数字设计领域，包括交通上的信号灯、警告标志、实体按钮等很多实体的产品的类似设计。绿色代表通行，红色代表禁止通行。然后，在设置按钮时，可以使用持续展现的按钮为绿色，返回的按钮为红色，给用户主观意识。与单调的无色按钮相比，页面格式丰富得多。
3、元素隔离合理
H5页的两个元素不相关时，如果想分隔它们，可以使用分割线。但是这种方式真的是过时而笨拙的展现方式。你需要的是更好、更贴合当下的一种呈现方式。不仅仅是使用分割线，还可以使用留白或负空间来间隔。分割线大体上是丑陋的、难以控制的视觉体验，相对而言留为空白要好得多。
3、背景色差别板块
为了区分内容板块和层级，这种方法可以说是优雅、快速、几乎不费力的设计技术。为了区分两个不同的元素，简单地用不同的背景来区分就可以了。本质上是使用的卡片设计的思路，将内容分类到不同的卡片中。相比之下，以其他有差异但不显著的色块为背景，在确保整体整洁的同时，起到了区分的作用。
5、多用途阴影边框
要在H5页强调某些元素，不必依赖描边。使用阴影可以达到同样的效果，单独使用的话看起来更整洁。描边加阴影则会显得太混乱。使用相对较小阴影效果会更轻松，不会显得太突兀。
6、使用颜色栏增加页面色调
如果您认为H5页面上的内容板块太单调，可以根据你的需求加强化该板块的视觉属性。在内容区域的一侧添加色条可以提高视觉属性，同时为该板块的内容赋予情绪。色条可以是单色的，也可以是渐变的，具体取决于你想要传达什么样的视觉体验。这个色条也可以有很好的功能。当然，这大多数是用在比较朴素的页面上，如果页面本身已经很绚丽了，那就没什么用了。