首页设计风格及设计细节说明发布者：本站     时间：2020-04-11 11:04:01

网站首页设计风格及设计细节说明

一、设计风格：

本公司新建的网站，应学习以下网站的设计风格：

二、网站首页的结构：（参照附件：首页大框架）

1、上部：主要包括logo、导航栏、浏览位置示意图、查询栏等；

2、中部：主要包括各业务栏目的文字及图片的摘要内容；

3、下部：专家栏；

4、尾部：

三、首页上部设计细节说明：（参照附件：首页上部说明）

l 注释1：公司logo（不需要更新）；

l 注释2及注释6：页面背景装饰色块，大部分为灰色，左上为小部分蓝色（不需要更新）；

l 注释3：查询栏（不需要更新）；

l 注释4：导航栏。各导航按钮为“翻转按钮”（详见网站实际效果）（不需要更新）。

l 注释5：浏览页所处位置（详见网站实际效果）（不需要更新）。

注意：本网站相关色块均为纯色！

四、首页中、上部设计细节说明：（参照附件：首页上部说明）

l 注释1：本栏目为各类活动的广告栏的展示图片（相关内容位于各业务栏目内）（需要更新）。

l 注释2：展示图片上的文字说明不要。

l 注释3：广告展示栏包括四张图片（四个广告）（需要更新），注释3为链接按钮。展示图片下面的按钮为蓝色，其他未显示的图片下面按钮为浅灰（过渡色）（不需要更新）。

l 注释4：“相关新闻”栏目的展示区（需要更新）。

l 注释5、6、7、8：其中包括五个新闻的标题、出处、时间和内容摘要，其中新闻标题也是链接文字（需要更新）。

l 注释14：此外，在新闻展示区的下部，列出六、七个新闻标题（也是链接文字）（需要更新）；

l 注释15：各业务栏目重点内容摘要和图片展示（需要更新）

l 注释9：各业务栏目重点内容摘要和图片展示被突出的色块区隔，该色块与“导航栏”文字下面的色块须一致（不需要更新）。

l 注释10：重点内容的标题，该标题的颜色须与其上面的色块一致（不需要更新）；

l 注释11：重点内容的展示图片（需要更新）。

l 注释12：重点内容的文字摘要（需要更新）；

l 注释13：重点内容的链接文字（前面的小装饰颜色须与其上面色块和相应业务导航栏的色块颜色一致）（不需要更新）；

l 注释19：专家团展示栏（栏目的相关链接到相关业务栏目）（不需要更新）；

l 注释16：栏目标题——“专家团队” （不需要更新）；

l 注释20：各专家图片（该图片需要处理，下面三分之二为遮盖效果）（详细效果参照网站）（需要更新）；

l 注释17：翻页按钮（不需要更新）；

l 注释18：显示有几页及所在页的位置（具体效果参照网站）。

五、尾部：

l 注释21：该部分内容不要（不需要更新）；

l 注释22：页面尾部，主要为版权声明、联系方式等一般内容（不需要更新）；

六、右侧栏目（结构不需要更新；但是图片及文字应可以更新）：

l 本部分主要包括“关于我们”栏目的展示图片、文字及快捷链接；包括：联系电话（公司客服电话）、关于长寿、俱乐部理念、大事记四个部分；

l 每一部分，均为纯色块及展示图片，展示图片与色块应该是遮盖效果，文字摘要为反白效果；链接按钮及其他设计效果参照网站；

七、注意——内容更新：

l 公司网站内容需要一个后台更新系统。

l 更新系统的功能须满足我们的设计效果；

l 该更新系统，经培训后，我们可以自行使用，并独立完成内容更新；

l 该更新系统，技术要求稳定，且无知识产权纠纷；

l 更新内容，包括图片、文字，参照上面的标注。