微信h5页面的视觉设计原则

Posted 2023-05-11

参考技术A 微信 h5页面 的视觉设计原则关系到用户的视觉体验，我们必须在充分了解之后再进行设计，这不单单是为了页面的精美度，更是一种向用户负责的表现。下面就是我们要了解的微信 h5页面 视觉设计原则。

　　1.字体表达产品风格：在所有页面视觉设计中，字体的选择会明显影响产品的风格，因为同一段文字，用不同的字体写出，的确会给人感觉千差万别，因此字体的选择要根据产品风格而定。

　　2.配色体现产品定位：在页面设计的前期阶段，我们需要通过提炼来得出适合用户特性的颜色，形成一套配色方案，在迎合用户的同时还可以体现产品的定位，比如紫色代表优雅高贵、蓝色代表理智严谨等

　　3.统一品牌形象：品牌形象涉及到的方面有很多，我们需要具体到某个产品的品牌感，通过视觉来传递品牌形象，这就需要设计师制定一套系统的视觉体系，让用户一眼就可以记住、辨认。

　　4.重要内容在首页：用户进入微信H5后，首先看到的就是首页，如果首页没有直接点名主题，不能呈现用户想看的内容的话，就容易导致用户跳出。另外，每个页面的内容也都要有层次有重点，方便用户阅读。

　　5.扁平化设计风格：扁平化设计是现在页面设计的主流，其简单、简洁的特点不仅有利于内容的突出，也符合众多用户的视觉审美，其中，留白就是扁平化设计中常用到的设计技巧。

这些微信 h5页面 视觉设计原则其实都是基本的，还有很多更加深入的原则值得我们探讨，我们也曾与大家分享过这些方面的内容，大家可以去了解一下。

维本是一家强大的html5制作公司，专注于 企业H5 网站建设。同时提供人才招聘、企业宣传、产品推广、会议活动、电商营销等各类H5创作。维本为企业提供精致美观的H5动态展示、强大精准的企业数据监测分析及企业整合营销方案帮助企业轻松实现社交平台(微信、微博、QQ等)数字化营销。 湖南维本网络科技有限公司为中国数字技术型营销领跑者、中国较早的微信应用开发，HTML5开发公司之一是该行业的风向标，始终保持着一份与时俱进的奋斗激情，及在行业的领跑者地位。公司总部坐落于长沙，服务全国各地的企业，公司倡导数字技术型营销理念，致力于为企业提供全方位的数字营销解决方案，提供多种功能，实现内容传播，提高转化率。 http://www.wei-ben.com/

DesignPattern - 设计原则与设计模式初探

欢迎关注微信公众号：FSA全栈行动 👋

一、设计原则

• 设计模式是站在设计原则的基础之上的，所以在学习设计模式之前，有必要了解一下设计原则
• 软件设计开发原则
  • 为了让代码有更好的重用性，可读性，可靠性，可维护性
  • 有六大原则，英文首字母拼在一起就是 SOLID（稳定的），所以也称之为 SOLID 原则

1、单一职责原则(Single Responsibility Principle)

• 一个类只负责一个功能领域中的相应职责，就一个类而言，应该只有一个引起它变化的原因
• 是实现 高内聚、低耦合 的指导方针

解释：

• 高内聚：
  • 尽可能类中的每个成员方法只完成一件事（最大限度的聚合）
  • 模块内部的代码，相互之间的联系越强，内聚就越高，模块的独立性就越好
• 低耦合：减少类内部一个成员方法调用另一个成员方法，避免牵一发动全身

2、开闭原则(Open Closed Principle)

• 对扩展开放，对修改关闭，在程序需要进行拓展的时候，不能去修改原有的代码，实现一个热插拔的效果

3、里氏替换原则 LSP (Liskov Substitution Principle)

• 任何基类可以出现的地方，子类一定可以出现
• 在程序中尽量使用基类类型来对对象进行定义，而在运行时再确定其子类类型，用子类对象来替换父类对象

例如：javaEE 开发中，controller->service->dao，这三层之间的引用都是使用的接口或基类，实际对象类型由 spring 注入决定。

4、迪米特法则(Law of Demeter)

• 最少知道原则，一个实体应当尽量少地与其他实体之间发生相互作用，使得系统功能模块相对独立
• 类之间的耦合度越低，就越有利于复用，一个处在松耦合中的类一旦被修改，不会对关联的类造成太大涉及
• 通过引入一个合理的第三者来降低现有对象之间的耦合度

5、接口隔离原则(Interface Segregation Principle)

• 客户端不应该依赖那些它不需要的接口
• 使用多个隔离的接口，比使用单个接口要好，降低类之间的耦合度

6、依赖倒转原则(Dependence Inversion Principle)

• 是开闭原则的基础，针对接口编程，依赖于抽象而不依赖于具体
• 高层模块不应该依赖底层模块，二者都应该依赖其抽象

二、什么是设计模式

设计模式是软件开发过程中面临的一般问题的解决方案，这些解决方案是众多软件开发人员经过相当长时间的试验和错误总结出来的，可以提高代码重用性，让代码更容易被他人理解，保证代码可靠性。

1、什么是 GOF(Gang of Four)

在 1994 年，由四位作者全称 GOF（全拼 Gang of Four）四人合著出版了一本名为 Design Patterns - Elements of Reusable Object-Oriented Software，他们所提出的设计模式主要是基于以下面向对象设计原则：

• 对接口编程而不是对实现编程
• 优先使用对象组合而不是继承

2、常见的三大设计模式分类

• 创建型模式：提供了一种在创建对象的同时隐藏创建逻辑的方式，使得程序在判断针对某个给定实例需要创建哪些对象时更加灵活
  • 常用：工厂模式、抽象工厂模式、单例模式、建造者模式
  • 不常用：原型模式
• 结构型模式：关注类和对象的组合。继承的概念被用来组合接口和定义组合对象获得新功能的定义
  • 常用：适配器模式、桥接模式、装饰器模式、代理模式
  • 不常用：组合模式、外观模式、享元模式
• 行为型模式：特别关注对象之间的通信
  • 常用：责任链模式、迭代器模式、观察者模式、状态模式、策略模式、模板模式
  • 不常用：备忘录模式、命令模式
  • 几乎不用：访问者模式、中介者模式、解释器模式

如果文章对您有所帮助, 请不吝点击关注一下我的微信公众号：FSA全栈行动, 这将是对我最大的激励. 公众号不仅有Android技术, 还有iOS, Python等文章, 可能有你想要了解的技能知识点哦~