百度360必应搜狗淘宝本站头条
当前位置:网站首页 > SEO教程 > 正文

网站建设策划框架分享,多年一线项目经验总结,干货满满

gaoyangw 2024-09-27 03:56 24 浏览 0 评论

“网站作为企业的门面,如果使用起来很糟糕,那凭什么让客户相信我们的公司很优秀?”


好网站的定义

我相信任何接触网站业务的人,无论是建站客户,抑或是网站建设供应商,都会在脑海中思考“什么才是好网站”这个问题。

对于这个问题,不同的人因为经历经验不同,会有不一样的答案。行业外的人员,会说“高端大气上档次的就是好网站”;行业内的人员,会说“基于用户体验为中心的原则而设计的网站才是好网站”。

很显然,不同的人员对于好网站的定义是不一样的。即便如此,我们也不能忽略一个事实,那就是当一个优秀的站点呈现在人们的眼前时,无论你是否专业,你都会一眼认定这就是你心目中的好网站。

作为一个在建站行业摸爬滚打近十年的我想说,如果一个网站呈现出了它的目标用户所需要的内容又散发出与之自身适合的外观风格,那么它就是一个好的网站。

下面就让我们跟随集思JThink品牌一起来探究如何才能建设一个好的网站~


网站建设的五个层次

我想告诉大家一个确定的事实,一个拥有着绝佳用户体验的网站,事实上是由一系列完整的决策组成的:网站看起来的样子如何、它如何运转、它能让你做什么。

这些决策彼此依赖,告知并影响用户体验的各个方面。已经被无数人验证并认可的决策依据来源于五个层面,即战略层、范围层、结构层、框架层和表现层。

五个层面中的每一个层面都是根据它的前置层所决定,即战略层决定了范围层、范围层决定了结构层、结构层决定了框架层、框架层决定了表现层。

我将这个决策依据告诉大家,其实是一个很冒险的行为,因为这就是最专业的策划思路,无论一个专业的网站建设公司如何吹嘘它的建设能力,抑或将天花乱坠的噱头吹得震天响,他们的建站工作都逃不出这个指导原则。换句话说,当你掌握了这个原则,网站建设就从云端落到了地面,到达了你也可以触碰到的地方。可以说,这个时候你已经与专业建站公司站在了同一个视野高度之上,有了可以与之一较高下的资本。

即便如此,专业的网站建设公司仍然有很大的存在价值,因为“术业有专攻”,日积月累的经验仍然可以引发量变到质变的完美蜕变。经验和专业,可以让作品更上一层楼。


战略层

当一家企业决定建设网站的时候,他们是带着一些期许的。同样的,当一个用户去搜索一个网站的时候,他也是带着期许来浏览这个网站的。

战略层的工作就是要回答好以下的两个问题:
1.企业要通过网站得到什么?【这个问题描述了网站的目标】
2.浏览用户想通过网站得到什么?【这个问题阐明了用户的需求】

当一个网站能都清楚地表达企业要展示的内容,以及确切地知道用户想要什么的时候。这个网站就在迈向好网站的路上,完成了至关重要的一步“战略层定义”!


范围层

当我们对彼此的期许熟谙于心,我们就可以将这些期许通过有计划地梳理落实到纸面。网站是由一个个的页面构成,每个页面需要展示什么内容,需要多少张页面,当你拥有一个明确的战略层规划,那么你就知道这些页面范围该如何界定。

界定范围是一个有价值的过程,同时可以产生有价值的产品。网站的范围层定义,其实是在做两件事,一是过程,二是产品。

过程的价值在于,当网站处于立项初期的时候,我们有非常多的各种各样的天马行空的想法,过程能迫使我们去考虑潜在的冲突和产品中粗略的地方,我们能确定现在能解决哪些事情,而哪些必须推迟解决。

产品的价值在于,它是一个参考点,可以明确网站要完成的全部工作。产品的定义,可以保证在设计过程中不会出现模棱两可的情况,即便出现,也会有一把衡量的标尺,而不至于无从下手。


结构层

当一股脑的内容涌入你的脑海,尤其是还没有分类的时候,你无法快速有效地获取到内容的轻重缓急,内容的表现也会大打折扣,为了百分百还原甚至加倍放大内容的力度,我们需要对内容做结构分层。这件工作并不陌生,你之前听过的信息架构和交互设计正是它。

信息架构要求创建分类体系,这个分类体系将会对应并符合我们的网站目标、希望满足的用户需求,以及将被合并在网站中的内容。

交互设计考虑的是内容呈现的先后,以及内容节点之间的关联规则。

这两方面的工作都遵从于正向推理和反向验证的方法,即从前至后再从后至前,通过正向和逆向的双重推演去验证一个流程设计的合理性。在推演的过程中,网站目标和用户需求始终以线索的方式镶嵌在全生命周期的流转中,并保证其始终被满足。

所需都在,所在都有价值,是结构层完美的真实写照。


框架层

框架层的工作,其实就是布局设计的工作,主要体现在三方面:导航设计、界面设计、信息设计。这些工作的目的是,让用户浏览网站时感觉更容易和轻松。

导航设计,旨在帮助人们找到想要的东西。全局导航、局部导航、辅助导航、上下文导航、友好导航、网站地图和索引表,这些都是导航设计的存在形式。

界面设计,旨在将杂乱无章的内容有序地归类和分层。诸如图片、图标、视频、文本、复选框、单选按钮、下拉菜单、多选菜单这些元素,该单独呈现还是一起上阵,你需要考虑一个合理的方案来确定如何摆放。期间还要统筹兼顾到视重、平衡和点线面的设计原理。

信息设计,旨在将无序的内容调整为有序的内容。你可以用数学中的合并同类项法则来理解这一调整过程。我们在呈现内容的时候,可以按照树状结构来逐层呈现。


表现层

表现层处在五层模型的顶端,是用户进入网站首先就会感知到的部分。在这一层,内容、功能和美学融为一体进而产生一个最终的设计,完成其他四层的共同目标,并同时满足用户的感官感受,呼应企业的品牌形象。

在这一层,我们需要用到不可背离的美学设计法则,需要用到风格字体排版等多种设计手法,需要用到赤橙黄绿和三原色的配色法则。在这一层,视觉设计师可以让一件泥塑摇身一变成为万世景仰的青花瓷,也可以让一页宣纸经由笔墨的点染成为万古流芳的经典之作。

好了,今天的网站建设策划框架就分享到这,希望对正在进行网站建设或者改版的您一些帮助......

相关推荐

Google Docs加入一批由行业专家设计的新模板

GoogleDocs在去年推出的一项重要更新则是引进了实用的模本功能,它可以帮助用户快速启动常见文件类型。现在这家公司打算进一步深化这一功能,日前,谷歌宣布在GoogleDocs中加入一批由行业内...

Dedecms织梦模板安装教程、模板更换教程汇总

模板安装方法:1、下载一个模板之后要判断一下文件是否齐全。Htm文件中是否包含首页、列表页和文章内容页等;htm文件用到的css文件是否包括;模板安装包中是否包括网站用到的背景图片。2、建站网站栏...

5分钟学会用Python Jinja2模板引擎渲染HTML网页

在深入PythonWeb开发的过程中,HTML模板渲染是构建动态Web应用的重要环节。今天将详细探讨如何使用Python中最流行的模板引擎之一——Jinja2来进行高效且灵活的模板渲染。通过具体的代...

Discuz!是什么东西怎么搭建?论坛程序安装+模板配置教程

Discuz!论坛程序安装+模板配置教程Linux系统安装方法:...

如何做小程序页面设计模板?

如何制作小程序页面设计模板?微信小程序页面的设计理念、颜色、布局等都要精心安排,但大多数想做小程序的卖家都是新手,不懂设计知识。那么小程序页面设计模板怎么做呢?一、应用优质材料当小程序页面设计模板、旋...

wordpress营销型外贸公司网站模板:XSwm

外贸行业的营销人员互联网思维程度高,大家都知道互联网营销是如今最重要的外贸销售方式。从事外贸行业的营销人员都知道一个好的外贸网站的重要性。很多外贸行业的营销人员也都上过米课的外贸营销课程,看过很多振奋...

如何申请成为(WPS)稻壳儿个人设计师,用模板赚钱?

前段时间经常看到关于想通过制作模板赚钱的提问,也看到关于稻壳设计师的信息,但是没有看到完整的流程,所以就自己操作了一下申请流程。通晓PPT模板、合同模板、课件设计、简历制作、图标设计、海报设计、版式设...

wordpress公司展示型通用模板:XShw

主题介绍xshw公司模板是一款现代化风格、通用型公司展示的Wordpress公司建站模板,采用经典的颜色搭配、精致的模块布局、完善的列表模板、响应式自适应技术以及配置的大幅全屏轮播图、公司简介、业务介...

Elementor专题 | 5款超炫酷Elementor模板工具,赶快get起来

文|属金鱼的雪梨宝宝...

DeepSeek如何写网站模板?附带提示词,直接拿去抄!

以前写网站,代码是门槛。现在,用上DeepSeek这种AI大模型,连新手都能“一句话整出一个网站模板”!关键是:效率高、能中文对话、不花钱!不会写代码也能做出网页?DeepSeek真能帮你搞定!...

一个简单的 HTML 网页设计代码

<!DOCTYPEhtml><html><head><title>我的网页</title>...

响应式粉色婚礼网站模板源码

FOXEWEDDING是一个漂亮的HTML5婚礼网站模板,易于使用的婚礼网页模板建立在Bootstrap框架上。它可以用作婚礼邀请、新人结婚表白。模板是响应式的设计,所以你也可以把它在手机/平板电脑设...

迅睿cms模板,迅睿cms模板风格,迅睿cms模板主题(详见图片)

迅睿cms模板,在CodeIgniter4框架上增加了基础内容模块管理功能、后台管理体系、插件功能体系、模板引擎、常用扩展类、常用模型类等程序组件,让CI4框架中文化,迅睿cms模板更好的适应于国内的...

跨屏建站网kpfree免费网站模板2023.1.14发布更新

跨屏建站网kpfree免费网站模板2023.1.14发布更新,摒弃了之前的卡片式设计,采用了移动优先的设计原则,简化了页面设计风格,优化了代码,优化了图片质量,确保网页打开速度。砍掉了一些花哨而无用的...

8个顶级React.js免费模板

前言您可能知道,React.js是用于构建用户界面的Javascript库。在过去的几年中,UI和UX套件大受欢迎,并且初创公司开始创建许多免费和付费版本的模板,仪表板和套件。React.js由Fac...

取消回复欢迎 发表评论: