网页设计要从建页面到组织架构
发布日期:2023-07-28浏览量:107
网站建设胜利后,咱们应该起头建站的哪些事情了呢?那就是网站的推广和运营,各人都知道网站是用来做咱们商品的推广的,以是首页必需咱们得把网站推广出去。
网页页面是每一个网站最根本的自力要素,并且每回个页面都有特定的任务,这些页面就像串联的一个链条同样,组成为了整个网站。每一个页面主要提供两个根本任务构建整个链。
1.协助用户完成当前页面的主要任务
2.提供任务链中的下一个环的访问
今朝web上的页面主要可供完成的任务有:
1.导航页面;让用户找到他们想要的东西,并提供访问路径
2.具体页面;用户看到想要知道的具体内容
3.交互页面;容许用户输入和管理数据
这三种终极可以随便组合组成混淆页面类型。如google地图的页面:
在网页设计时,该当把用户任务与适量的页面类型相婚配。如用户查看一篇文章,需求有导航和具体页面;若是用户想查看包罗某关键词的文章或网页,就要有交互、导航和具体页面。
在设计时,起首设想某个特定的场景,并列出具体场景能够需求完成的任务,对任务进行阐明的,任务主要有三个类型;导航、消费(查看具体)、交互;而后将同类型的任务组合分列,并根据情况想象要构建的页面;导航需求一组链接,具体页面需求大的页面模块;交互需求一个表单按钮。组织页面模块时,每一个页面都该当存眷一个自力任务,可是若是有多个自力的雷同的子任务,就要思索能够把他们组合在一块儿。
决议一个任务要创立几个个页面时,要思索一下因素:
1.用户的手艺水平
2.用户的带宽
3.页面上信息量
4.用户要完成任务
5.用户要完成任务的频次
在界面设计时,有三种要领来完成交互任务组合;别离是导游(wizard)、控制面板(control panel)和工具条(toolbar)。这三个各有优缺陷的,如装置软件时常规都是运用导游(wizard),让用户根据递次,包管不会错太首要的步调,当然也颇有趣,一路“next”下去,是不少人运用的习用装软件要领。而控制面板也是运用比力多的,习气之后运用起来很便当。工具条,就像 office上面的那些工具同样,在web上并未几见,只在编纂文本的时辰泛起的比力多。
当页面上有多个任务或者“下一步”泛起时怎么办呢?
要根据三个准则来做咱们的优化seo“下一步”的设计:
1.这会协助几个用户?
2.产生的频次水平?
3.对付用户,这个下一步有多首要?
根据以上三个准则为任何建立优先级。根据优先级对含有多个页面任务或“下一步”的页面进行分区,首要的排在显眼的位置,普通是页面的左边,右边常规都是一些次要的内容。
在网站任务多,交互比力庞大的情况下,就需求建造网站结构图。建立结构图以前要明确每回个页面重点浮现的任务,以及页面之间的彼此关系、交互关系以及其余方面(根据项目差别会有所差距)。而组织这些关系,就需求用到网站结构图(网站图)。
网站图有哪几种模式呢?
1.树状图;这个适合显示条理结构,但容易超越水瓶空间形成条理过深,可以与梳状图合营运用来制止这类情况。
2.梳状图:这个在长事情区比力有效。如电子文档的目次导航。
3.星形图:这类在条理机构不严厉,并且组织不算太深的情况下运用比力适宜。
除网站图的模式外,还需对此中一切的对象建立一个辞汇表(详见jesse james garrett创立的可视化辞汇表visual vocabulary)很容易在白板和模式化文档中运用。也能够看一看流程图方面的书,uml。
末了根据以上的组织内容,就能够在30秒内建立任何页面的低保真线框图了。线框图要记得标注,标注,再标注。其根本框架下的每一个元素都要思索以下的问题:
1.内容来自那里
2.内容的实质是甚么?
3.元素是须要的仍是可选的。
4.元素是有前提的吗?
5.默许或冀望状况是甚么?
6.有哪些候选或毛病的状况。
一切这些要思索的要素在以后不竭进修中逐步领会吧。
相关文章: