• 【转】网站建设整体设计思路


    一、网站整体信息架构

    1. 信息架构图信息架构说明

    根据需求分析,网站前期的主要目的是为了广大消费者对我们企业品牌进行认识与了解,对入驻市场进行帮助和引导,公司的主核心“打造中国生态猪肉第一品牌”要放到主要位置,企业的主要荣誉(金猪奖、GAP认证、供港资质)也要适宜的表现出来,让广大消费者看到我们企业的实力,从而认可我们企业,用户的互动和参与放在次要的位置,用户的参与和互动需要等到其它系统开通后,再逐一丰富上去。

    关于我们:以品牌和企业介绍为主,对公司的概况和品牌宣传路线向广大消费者进行描述。

    企业文化:分为“企业文化”、“企业天地”和“慈善公益”,以事件营销的形式来表达。

    最新动态:包括了品牌的最新资讯、新开店铺信息、品牌内刊与博客微博(电子杂志)。

    全产业链:对我们产业模式进行全方面解析,让广大消费群体从我们养殖—到市场全面了解我们生态猪肉。

    (在线电商)产品展示:以大图展示为主,按不同纬度对图片进行分类,用动画的方式展示和体现。

    市场营销:以地图的形式展示品牌的营销网络,对入驻商超(市场)进行介绍,宣传品牌形像。

    招商公告:服务与促进招商,提供下载加盟说明书,在线提交加盟意向等服务,和加盟管理内容。

    人才招聘:一个单页列出需要招聘的内容和我们人才要求,提供在线下载面试简历。

    联系我们:给出联系方式,并有留言板,百度地图。

    二、总体内容把握

    1. 图片质量要精致

    网站是以我们生态猪肉企业品牌的展示为主,生态猪肉/基地的体现就是最主要的部分。以图片的形式对其进行展示,每张图片都应该是专门进行设计和制作的,不能让图片的低质量影响了整个网站的效果。图片要做到:大气、清晰、干净、有层次感、符合平面视觉原理。

    2. 内容简明,准确表达

    网友总是希望在第一时间将所需要的内容了解清楚,不希望花太多的时间在阅读无关紧要的内容上。将每条内容都精炼再精炼,不要用太多的文字内容打扰网友对整个网站整合风格的欣赏和判断。

    3. 有扩展性和升级性、可维护性

    网站要充分考虑到今后的扩展性,比如子栏目下的内容要从网站的后台可以直接添加、修改;若网站增加新功能,也在保证在原有框架中直接接口,而不需要对网站结构进行大的调整。网站大部分内容可实现从后台添加更改,普通电脑操作人员,经过短训即可学会自主修改、添加网站内容。

    三、页面界面风格

    我们参考科尔沁牛肉网站设计,我们企业进行个性化的贴身设计,将对我们的企业网站,进行优质的建设和服务。总体风格力求大气,有品质感、画面精制艺术,并附有生态自然风格。具体的讲,该网站的总体风格设计需要遵循以下原则:

    1. 设计应凸现“生态基地/猪肉”,体现我们企业实力

    我们企业作为猪肉行业的后起之秀,希望在中高端猪肉有一席之力的愿望和能力都非常明显。我们企业是集养殖、营销、市场销售为一体,走中高端市场路线。所以网站设计要充分展示我们生态猪肉的生态、高端、营销方面的实力,设计力求生态、大气,画面自然,动画求缓,用色讲究干净整洁,以暖纯色基调为主,彰显自然的生态气息。

    4. 设计应体现生态猪肉品牌对品质的追求

        在网站中,将通过以下设计手段,实现我们生态猪肉品牌对质量和品质追求的表达:

    ● 参照我们的企业现有的VI设计方案和企业PPT,尽量实现网站风格和VI的统一;

    ● 画面要大气,不要采用过多活泼动感的设计,而flash动画则采用舒缓的运动模式;

    ● 平面设计要简洁、大气、自然,少许花哨的装饰。

    5. 色调和动画说明

    以我们企业的基本宣传为基调,定义网站的整体色调,以获得用户的统一视觉识别。要求线条简练、用色生态自然。具体选色还需参考我们企业的VI方案和PPT。整个网站色彩的基本统一相当重要,它使网站显得整体风格统一、和谐。在主色调之外,采用较少的对比色彩作为补充、点缀,丰富页面、版式的视觉效果。使整个网站在风格上,显得统一但富有变化。

    网站需设计多个形式不一的、优质的FLASH动画图片等,通过一系列和页面有机结合的、轻柔、舒缓、内敛而不张扬的Flash动画,画龙点睛的对页面进行适当的展现。通过这种方式,使页面效果不至于呆板。图形元素中,拟采用富有节奏的点、活泼流畅的弧线、丰富变化面相结合,刚柔并济,柔美而又有一定张力。

    一、网站整体信息架构

     

    1.

     

    信息架构图信息架构说明

     

    根据需求分析,网站前期的主要目的是为了广大消费者对我们企业品牌进行认识与了

    解,对入驻市场进行帮助和引导,公司的主核心“打造中国生态猪肉第一品牌”要放到

    主要位置,企业的主要荣誉(金猪奖、

    GAP

    认证、供港资质)也要适宜的表现出来,让

    广大消费者看到我们企业的实力,从而认可我们企业,用户的互动和参与放在次要的位

    置,用户的参与和互动需要等到其它系统开通后,再逐一丰富上去。

     

    关于我们:以品牌和企业介绍为主,对公司的概况和品牌宣传路线向广大消费者进行描

    述。

     

    企业文化:分为“企业文化”

    “企业天地”和“慈善公益”

    ,以事件营销的形式来表达。

     

    最新动态:包括了品牌的最新资讯、新开店铺信息、品牌内刊与博客微博(电子杂志)

     

    全产业链:

    对我们产业模式进行全方面解析,

    让广大消费群体从我们养殖—到市场全面

    了解我们生态猪肉。

     

    (在线电商)产品展示:以大图展示为主,按不同纬度对图片进行分类,用动画的方式

    展示和体现。

     

    市场营销:以地图的形式展示品牌的营销网络,对入驻商超(市场)进行介绍,宣传品

    牌形像。

     

    招商公告:服务与促进招商,提供下载加盟说明书,在线提交加盟意向等服务,和加盟

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    管理内容。

     

    人才招聘:一个单页列出需要招聘的内容和我们人才要求,提供在线下载面试简历。

     

    联系我们:给出联系方式,并有留言板,百度地图。

     

    二、总体内容把握

     

    1.

     

    图片质量要精致

     

    网站是以我们生态猪肉企业品牌的展示为主,

    生态猪肉

    /

    基地的体现就是最主要的部分。

    以图片的形式对其进行展示,

    每张图片都应该是专门进行设计和制作的,

    不能让图片的低质

    量影响了整个网站的效果。

    图片要做到:

    大气、

    清晰、

    干净、

    有层次感、

    符合平面视觉原理。

     

    2.

     

    内容简明,准确表达

     

    网友总是希望在第一时间将所需要的内容了解清楚,

    不希望花太多的时间在阅读无关紧

    要的内容上。

    将每条内容都精炼再精炼,

    不要用太多的文字内容打扰网友对整个网站整合风

    格的欣赏和判断。

     

    3.

     

    有扩展性和升级性、可维护性

     

    网站要充分考虑到今后的扩展性,比如子栏目下的内容要从网站的后台可以直接添加、

    修改;

    若网站增加新功能,

    也在保证在原有框架中直接接口,

    而不需要对网站结构进行大的

    调整。

    网站大部分内容可实现从后台添加更改,

    普通电脑操作人员,

    经过短训即可学会自主

    修改、添加网站内容。

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    三、页面界面风格

     

     

    我们参考科尔沁牛肉网站设计,我们企业进行个性化的贴身设计,将对我们的企业网

    站,进行优质的建设和服务。总体风格力求大气,有品质感、画面精制艺术,并附有生态自

    然风格。具体的讲,该网站的总体风格设计需要遵循以下原则:

     

    1.

     

    设计应凸现“生态基地

    /

    猪肉”

    ,体现我们企业实力

     

    我们企业作为猪肉行业的后起之秀,

    希望在中高端猪肉有一席之力的愿望和能力都非常

    明显。我们企业是集养殖、营销、市场销售为一体,走中高端市场路线。所以网站设计要充

    分展示我们生态猪肉的生态、高端、营销方面的实力,设计力求生态、大气,画面自然,动

    画求缓,用色讲究干净整洁,以暖纯色基调为主,彰显自然的生态气息。

     

    2.

     

    设计应体现生态猪肉品牌对品质的追求

     

     

     

     

     

    在网站中,将通过以下设计手段,实现我们生态猪肉品牌对质量和品质追求的表达:

     

     

    参照我们的企业现有的

    VI

    设计方案和企业

    PPT

    ,尽量实现网站风格和

    VI

    的统一;

     

     

    画面要大气,不要采用过多活泼动感的设计,而

    flash

    动画则采用舒缓的运动模式;

     

     

    平面设计要简洁、大气、自然,少许花哨的装饰。

     

    3.

     

    色调和动画说明

     

    以我们企业的基本宣传为基调,

    定义网站的整体色调,

    以获得用户的统一视觉识别。

    求线条简练、用色生态自然。具体选色还需参考我们企业的

    VI

    方案和

    PPT

    。整个网站色彩

    的基本统一相当重要,它使网站显得整体风格统一、和谐。在主色调之外,采用较少的对比

    色彩作为补充、点缀,丰富页面、版式的视觉效果。使整个网站在风格上,显得统一但富有

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    变化。

     

    网站需设计多个形式不一的、优质的

    FLASH

    动画图片等,通过一系列和页面有机结合

    的、轻柔、舒缓、内敛而不张扬的

    Flash

    动画,画龙点睛的对页面进行适当的展现。通过这

    种方式,使页面效果不至于呆板。图形元素中,拟采用富有节奏的点、活泼流畅的弧线、丰

    富变化面相结合,刚柔并济,柔美而又有一定张力。

     

  • 相关阅读:
    【Little Demo】左右按钮tab选项卡双切换
    【Little Demo】从简单的Tab标签到Tab图片切换
    前端工程师说明(仅以自勉)
    CSS 布局整理
    【Javascript Demo】图片瀑布流实现
    【jQuery Demo】图片瀑布流实现
    【CSS Demo】纯 CSS 打造 Flow-Steps 导航
    【CSS Demo】网站页面变灰
    gradlew命令
    Fragment中不能使用自定义带参构造函数
  • 原文地址:https://www.cnblogs.com/dirgo/p/4948634.html
Copyright © 2020-2023  润新知