不是每个概要设计都能带来比较成功的效果，那么你该如何保证你的概要设计是高品质且成功的呢？在这篇文章中，你将了解什么是概要设计以及它的好处。你还将了解有效的概要设计应该是什么样子，以及将概要设计应用到建站中。
文章摘要：
- 什么是概要设计
- 概要设计的用处
- 概要设计的要素
- 将概要设计应用在网站中
1、什么是概要设计？
概要设计是一个设计师根据用户交互过程和用户需求来形成交互框架和视觉框架的过程，其结果往往以反映交互控件布置、界面元素分组以及界面整体板式的页面框架图的形式来呈现。这是一个在用户研究和设计之间架起桥梁，使用户研究和设计无缝结合，将对用户目标与需求转换成具体界面设计解决方案的重要阶段。
概要设计可以运用在许多不同范畴的方案上，像是建筑、室内设计以及工业设计等。概要设计同时也可以用于评估成品，以及确保方案能够被有效追踪并在预算内完成。不同公司对于概要设计的使用程度不尽相同，不过业界对于设计过程中的责任归属日益重视，因此很多人认为它能派上用场。概要设计的内容经常随着专案的演进而调整，通常它是在方案初期阶段由客户以及设计师所制定。
对于网站设计领域来说，概要设计通常涵盖设计网站logo，或为网站选择正确的颜色、排版时的创作过程。概要设计也可以让你对网站的设计进度一目了然，让你提前看到相对准确的结果。
2、概要设计有什么用？
- 使设计方案更容易管理
- 提供完善的工作流程
- 提供清晰明了的客户需求
- 根据需要快速收集关键资讯
- 为方案设定好进度
- 随时跟踪方案进度
- 明确相关人员的分工
- 工作沟通更容易
- 有助于减少错误发生的可能
3、概要设计的要素
好的概要设计应该是什么样子？如何应用在网页设计领域？下面这些关于概要设计的要素会让你明白。
（1）方案摘要
方案的摘要应从较为宏观的角度出发，比如说要包括一般的和基本的设计方案，如网站的整体风格和基调。一个很好的概要设计应该适应客户在设计方面的偏好。除此之外，你还可以与你的客户合作，讨论其竞争对手的设计，以便于快速了解哪些设计适用于你的客户。
（2）设计目标
高质量的概要设计会有明确的目标。为了让你的概要设计目标更加真实，你可以设定一个数字目标值，比如说每周点击率提高10%，或者将每月转换率提高25%等。
（3）方案时间表和预算
你需要说服你的客户准确地披露预算，因为预算决定将有限的资源应用在何处。时间表也非常重要，因为客户希望方案的完成有一个准确的时间。
（4）目标受众
概要设计通常还包括目标受众，问问你的客户试图瞄准什么市场？了解目标市场是谁可以让你的概要设计更有针对性。
（5）资源和需求
网站概要设计还应包括网站建设所需要的内容。如你的客户具体需要什么？你的客户是否需要具有视觉吸引力的标志？这些是你在撰写概要设计的过程中需要尽早确定的，除此之外，还包括创意资产、档案格式和图像等内容，你应该与客户确定好以避免纠纷，也有助于节省资金、时间和精力。
4、将你的概要设计应用到网站中
现在，你已经学会了如何写一个概要设计，那么是时候在网站中应用你的概要设计了。要根据你编写的概要设计为你的客户建立一个高质量的网站，你只需按照以下步骤操作：
（1）挑选一个精美的建站模板，并应用概要设计
首先你可以在「上线了」建站模板库挑选一个合适的模板，比如说客户是想要为他建设一个商城网站，那么你就可以选择与商城类型的模板。
（本展示页所提供的模板及元素仅供展示功能效果，未经授权不得应用于其他用途）
（2）添加版块，编辑页面
进入模板编辑器后，我们可以任意地对模板进行操作，比如说客户想要在网站首页添加一个“自定义表单”版块，那么就可以点击编辑器左侧的“添加新版块-自定义表单”来达到。
如果你要做商城网站，那就要添加商城版块，并添加你的商品。此外还有轮播图、相册、标题、纯文本、博客、定价表等多种版块可供选择。版块的内容是可以拖拽的，你也能自由调整版块顺序，替换图片文字等，这方便你做出自己网站的个性。
做好后点击左下角“上线”就好了。
以上就是一份简单的概要设计说明书，参考上述教程，你也可以出一套自己的设计方案，并用「上线了」设计一个美观的网站！
「上线了sxl.cn」是一个专注自助建站与小程序开发的SaaS平台，针对众多行业提供多套小程序模板，目前已经帮助三百多万没有技术和设计基础的用户，通过上线了一键生成网站或小程序，快速建立品牌、获取客户、经营生意。2019年8月入选腾讯SaaS加速器首期成员。
转载授权请发邮件到：xmt@striking.ly （得到作者主动回复并加上本网站相关链接，方可转载）。
💜 仅需几分钟，免费创建一个精美的网站/小程序。
