构建网站首页时常用的框架有哪些?网站设计如何构建网站首页?

分享到:

2020-12-30 09:44:43

  本期构建网站首页时常用的框架有哪些?网站设计如何构建网站首页?如何构建一个完整的网站架构,设计一个优秀的网站?在这个问题上,我们很难提出一个绝对权威和正确的设计思路,但任何网站的设计都要遵循一个循序渐进的过程。从网站模型构建、美学与交互设计、风格设计、代码设计、可用性测试、设计回归补充五个方面阐述如何设计出一个优秀的网站,敬请关注。

构建网站首页时常用的框架有哪些?网站设计如何构建网站首页?

  网站设计是一门新兴的边缘职业,在外观上要有创意,结合平面布局设计、交互设计等诸多相关原理,使网站设计成为一门独特的艺术,好的网站设计能让网站在同类网站中独树一帜,优秀的创意和表达能打动访问者,增加网站访问流量,甚至直接增加网站收益。关于免费建站,因此,在设计的初始阶段,规划网站的设计步骤是非常重要的。通常,网站的设计步骤分为建模、美学与交互设计、风格设计、代码设计、可用性测试等。首先,我们有以下四个步骤来理解网站模型设计的内涵和重点。靠前,网站设计,不仅仅是艺术设计,你的工作是设计师还是艺术家?这要看你做的是真正的设计还是为了让页面看起来更好而做的修饰。设计师的工作是从战略上有利的位置,而艺术家只是软件工具的使用者。


  很多人把网站中的设计定义为艺术设计,认为设计师的工作就是利用Photoshop等绘图软件绘制要显示的页面。其实这是一个很狭隘的理解。合格的设计师要立足于整个网站的大局,在策划中完整地设计整个网站,在宏观上把握设计风格定位,在微观上根据网站的具体定位决定如何提炼设计元素。当然,网站设计还包括数据库设计和程序设计。这里我结合自己的经验举一个网站前端设计的例子。北京奥运会即将开幕。先举两个奥运网站的例子:奥运官网:如图,这是一个非常成功的设计例子。设计师没有像在与奥运主题相关的设计中那样大量使用红色,而是将页面风格完全国际化,各种信息和功能模块适当整合,粗刷的通用元素设计使网站获得丰富的整体效果。新浪奥运频道:如图,可以看到设计师的创意只是压缩在页面滚动几次后看到的内容块上,用奥运五环来设计。页眉基本上是任何专题网站都可以使用的结构素材,新浪的信息系统必须能够支持更好的、更脱离内容专题模板的设计的实现,这说明它并没有从网站设计的角度来处理这个项目。


  第二,设计师介入需求阶段,影响需求,但不干预需求。我们经常听到设计师抱怨:“这个设计让我改变了十几倍,为什么不能定型?”经常听到产品经理说“为什么这个设计师抓不住要点?”无论设计在网站的实现中有多重要,网站应该是什么样子,都必须由需求来决定。因此,网站项目的前期需求是一个至关重要的环节,也可以理解为建设的基础。需求可能是经过几次调查总结结果产生的报告,也可能是领导或老板冲动引发的大讨论。在建立需求的过程中,不幸的是,网站设计师的权重是极其有限的,产品经理、渠道主管、某一级领导的想法往往直接决定了需求的终形式。但是设计师介入需求阶段是很有必要的。设计师可以用自己专业独特的眼光提出科学合理的建议,会影响需求的细节。这样就可以较大限度地达成需求方和设计方的共识,从而在面对有意见但不允许设计过程发生变化的需求问题时,不至于抱怨。第三,学会控制用户路径。用户来自哪个页面?他有可能点击哪个链接或按钮?他用搜索框了吗?他下一步要去哪里?他后会打印出哪一页?从整个网站来看,这些流程可能只有产品经理才能掌握,设计师拿到UE图只需要一页一页的画。其实好的设计师往往可以承担一些产品经理的责任,设计出典型的用户路径,对网站页面流程影响很大。页面之间有很多连接,流程页面和外部页面通过超链接混杂在一起。A区的文字链接要链接到第二页,B区的图片链接要指向第三页,侧面位置突出的一个大按钮其实是链接到网站X的……页面之间也有继承关系。继承过程要让用户想当然,在视觉上实现平滑过渡,这是设计师要考虑的具体问题。

构建网站首页时常用的框架有哪些?网站设计如何构建网站首页?

  在从一个页面到另一个页面的路径组合中,哪些模块应该保持原样,哪些控件应该更改?页面结构可以改变,页面颜色可以改变吗?这些都是需要参考用户路径进行设计的地方。把自己想象成一个普通用户,一页一页进来,就能明白用户需要什么样的合理设计。这里可以参考一下如图所示的网站设计流程图。4.初步实现UE产品模型,回顾设计师需要用什么作为页面设计的参考。所有的元素和过程都在我的脑海里。这时候设计师就需要整理出来,简单的画出来,画线框和标注。我们可以把UE模型理解为一个设计草图。在UE阶段,设计师主要是根据从用户路径中获得的线索,以及对用户交互习惯的探索,整理出一个粗略的模型框架。在这个框架中,需要清晰地画出几个关键页面,每个关键页面的关键元素和模块是什么,这些关键元素和模块中的哪些必须安排在特定的位置或者必须强调。关于网站模板,其中,网站的首页和终页面是重要的两级页面,首页将是用户使用网站的靠前站。主页上的体验直接决定了他的停留;后一页是用户想要获取信息的特定页面。他会在这一页停留长的时间,可能会仔细阅读或者打印这一页以备后用。通常,在绘制了UE模型之后,一个开发团队会对模型进行讨论和评审。这时候就需要重点确定靠前页和后一页的大致外观,这是每个参与讨论的人都非常关心的问题。对于UE模型的绘制,我们可以参考如图所示的某商场的UE图。在采用了UE模型之后,传统的设计终于开始使用,需要具体的页面设计。


声明:此篇为凡科建站原创文章,转载请标明出处链接:

以上内容仍未解决您的问题?

  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴