为了方便用户导航

[shapanqqccb]

页面原型
原型是清晰显示所有界面元素的页面图表。建议按照经典方案设计页面。

顶部是标题。商店名称、标志、电话号码、反馈表、购物车和水平菜单通常放在这里。
中间是内容部分。这是主要区块，通常包含商店的描述、其优势、USP、广告横幅和促销区块。
下部为页脚。您可以在此处复制菜单和联系信息，并放置社交网络图标。这里还添加了法律规定必须在网上商店的网站上发布的文件：公开要约和同意处理个人数据。
页脚和页眉是跨切元素，这意味着它们对于大多数页面来说保持不变。相反，每个页面的内容部分都是不同的。

除了列出的元素之外，在线商店的网站上还经常会创建侧边栏。通常，它包含分为不同类别的更详细的菜单或搜索过滤器。

在线水族馆商店的带侧边栏的原型
在线水族馆商店的带侧边栏的原型

原型已获批准，如有必要，可进行修改。立即纠正 购买电话号码列表 所有缺陷非常重要，因为调整设计布局会更加困难。

设计布局
根据原型，创建设计布局——以彩色形式呈现站点。它是根据商店的主题或者公司的企业风格来开发的。在这个阶段，选择配色方案和字体，绘制所有元素，选择背景图像，并思考效果。

网上书店的设计布局
网上书店的设计布局

主页的设计为其余页面设定了风格：它们使用相同的色调、字体，并保持整体概念。完成的布局已获得批准并交给布局设计师。

布局
布局设计人员将布局转换为 HTML 和 CSS 代码。创建响应式布局很重要，这样页面内容才能在任何屏幕上正确显示。否则，用户会很快关闭页面，这将对行为因素产生负面影响，并使资源难以在网络上推广。

程序员将完成的代码集成到CMS中。这样，您将获得一个具有个性化设计和基本选项的“实时”网站：反馈表、用户注册、购物车等。