网站整体设计概述


3359 views

2015-06-20 14:18:45

一、明确问题 如果你想创建一个网站,你首先要问自己这样几个问题:
  1. 为什么要这个网站?
  2. 它需要和谁进行交互?
  3. 它的访问者的兴趣所在?
  4. 它的访问者将获得什么样的信息?
  5. 它怎样才能最有效地实现交互?
  6. 它是否需要建立大型交互项目?
  7. 它必须在何时建成(网站开通时间)?
  8. 预算网站访问者花费多久时间才能获得必要的资源?
  9. 你拥有哪些资源可以帮助自已在预算内按时完成项目目标呢?
  10. 如果在访问者离开一个站点数分钟后对他采访,你希望他会记住哪些细节?
  11. 访问这个网站的经历会对访问者的想法和行动产生什么样的影响?
  12. 如何吸引那些在线或者离线的访问者迅速活动起来?
  13. 网站是否合法?为使网站符合相关的法律规定,应做哪些工作?
二、网站制作流程
  1. 策划网站:这一阶段内容包括确定网站目标、主题和定位网站风络等工作,可以说是网站建设成败的起点。
  2. 收集资料:收集资料往往是最耗时、最困难的一步,当你拥有了所需要的资源就等于成功了一半,如果你没有这一半,那么另一半也可能被迫停止。
  3. 网站布局规划:策划人员需要根据主题和内容设计目录,依据风格和创意设计布局。完成一张明确的网站布局图,可以使网站制作倍感轻松。
  4. 色彩搭配:不同的色彩搭配可以以产生不同的效果,好的配色方案是引受众的入口。
  5. 链接设计:设计有效的链接可以使用网面的内容更加丰富,使浏览者可以在多个页面之间自由跳转。
  6. 界面设计:先设计其主页,然后以些而面做模板或库。
  7. 申请域名和空间:网站在本地计算机上制作完成以后,需要为其在网上找到一席之地,为此需要申请域名和空间。
  8. 上传网站:有了存放网页的空间,就可以将制作好的网页上传到网络上供大家浏览。为此可使用网络空间提供的 FTP 工具上传,也可以使用一些专用的 FTP 工具上传。
  9. 广告宣传:网站设计得再好,也需要广告宣传才能为人们所知。网站品牌的建立和发展,除了技术方面的因素,更重要的是网站本身内容和其它渠道的宣传。
  10. 维护更新:一个富有生命力的网站需要经常更新内容,只有不断地推陈出新才能吸引更多的浏览者。
三、在网页设计时要考虑到如下因素对构图的影响:
  1. 交互性:浏览着的主动与被动是网络与传统媒体的区别。网页浏览者可以主动探询网站,其访问顺序、访问内容完全是自主的。
  2. 动态更新:设计者需要根据各阶段的不同诉求对网页设计进行修改,在网页发布后还要根据用户的反馈更新其内容。
  3. 多维结构:由于网页超链接的出现,网站不同页面之间可以进行自由跳转,因而设计师在构图多维性结构时必须仔细分析链接结构,从而设计出快捷而完善的导航系统。
  4. 版面的不可控性:网页设计师无法完全控制页机在用户端的最终显示效果,可以不固定页面元素的大小,而是使用可用空间的百分比来规定布局。也可部署更智能的网页。
  5. 多种媒体的综合:网页中使用的多媒体元素主要有文字、图像、声音、视频,浏览者对网络信息传输质量提出了更高的要求,设计师越来越多的使用多媒体元素来设计网页。由此满足和丰富网站内容和形式。
四、色彩文化及在认知色彩文化下的色彩象征、心理感受
  1. 色彩的认知是主观的,每个人对色彩有不同的定义与解释,,但多数人对色彩的认知将形成一种趋势,而所谓的多数人,便涉及到了主要浏览群体的文化认知,这中间包含了政治、宗教、社会结构、历史等诸多因素,由于人们生活的地理环境、文化、年龄、等因素不同,造成网页浏览群体对色彩认知的差异性。
  2. 色彩的象征也可以说是色彩的联想,一般来说这种象征可分为自然、文化、品牌上的象征。不论哪儿一种色彩象征的形成,均是经过千锤百炼才深入人心的。然而,有些象征意义却因为诉求对象的不同而产生解读的差异,即便是同一色彩也常常带有正面及负面不同的象征意义。
  3. 在设计网页时,要透过色彩形成的背景因素与目标群体结合分析,而不是凭设计者的主观认知率性而为。
  4. 色彩的认知是会变动的,同样的一群人在不同的时间、地点都会对色彩产生不同的解读。
  5. 不同的颜色会给浏览者不同的心理感受,与色彩象征性相同的是,色彩带给人们的心理感受是会随时间、地点和环境等诸多因素而改变的,这里总结广义上人们对不同色彩所产生的心理感觉的共性:黑色与白色亮度对比值最高,它们能吸收所有其他颜色,它们本身清晰鲜明,其中白色具有洁白、明快、纯真、清洁的感受,黑色具有沉寂、神秘、悲哀、压抑的感受;灰色给人的感觉是柔和、安祥、中庸、平凡、谦和、中立和高雅;橙色是具有味觉感受、令人激奋的色彩;黄色具有快乐、希望、智慧和轻快的个性,它的明度最高;红色视觉刺激很强,也很温暖;蓝色代表自信、百折不挠、永不服输和挑战的精神;绿色是环保色,介于冷暖两种色彩的中间,显得和睦、宁静、健康、安全;红紫色是年轻的色彩,也是代表女性的色彩。
五、网页配色特点
  1. 色彩的鲜明性:一般来说纯度高、鲜艳的颜色比较引人注目,但是对于强调内容的网页,还是必须以容易阅读为第一优先考虑,不要让配色妨碍阅读。
  2. 色彩的独特性:要结合网站所传达信息来选择色彩。
  3. 色彩的功能性和习惯性:色彩搭配时,还必须注意色彩的功能性,而功能性往往牵涉到普通浏览者的习惯性。
  4. 色彩的有限性:同一个网页色彩不要太多,过多的色彩会降低网站的阅读性,最好有一个主色调,用辅色搭配。
  5. 色彩的周期性:色彩的含义会因时、因地、因人产生不同解读,适时的变化配色可以让用户的目光停留得更久。

上一篇:UI设计20条规范

下一篇:你不该做自由网页设计师的理由

扫码与我联系

★ ★ ★ ★ ★

“感谢你的鼓励与陪伴,我们的坚持才有意义”

创新与发展 – 优客记录保留所有权利

站内搜索 鄂ICP备16016329号 鄂公网安备42022202000038号