网站设计相关技术研究

一、一个网站设计师必需具备的技能有什么？

如果成为优秀的网页设计师是你的目标，那么下面所说的技能是你必须具备的，尽管它们都不涉及技术和复杂的计算机技巧。

颜色

颜色是网页设计的核心，其有助于设计主题和主旨的构建。另外，其还具有心理层面的作用，也就是说颜色能够影响网站访客看待网站用户体验的方式。

走向

走向是指网站访客在体验网站时的视觉移动方向。走向涉及到对深度、颜色、层级、形状和线条的恰当使用。走向具包括视角、间距和面朝方向等。

平衡与比例

这一点是指视觉的稳定性与均衡性。比例可以分为两种：对称与不对称。比例通常用来强调重要元素，进而完善信息的走向。

最后一点就是间距了，这一点非常简单明了。它是指不同元素之间的距离。网站要有优秀的用户体验就必须具有妥当的间距安排。

一般来说，间距的大小应该要保证不同的元素具有足够的呼吸空间，同时又不能太大以免影响阅读。关键就是如何权衡。

二、能否简单介绍网页设计三大核心技术?

html 人的骨架（构成人的基础）

css 人的外貌

js 人的性格

三、现在网站网页设计用什么软件，什么技术？

网站设计可以分为几个阶段：

• 原型设计阶段
  
• 编码阶段
  
• 测试阶段
  

原型阶段

原型设计阶段的任务就是根据用户的需求描绘出页面的草图。这时候最为有效的工具其实就是铅笔和纸。当然，也有一些比较不错的原型设计工具，比如balsamip, mockingbird 等。 当然，传统的平面设计工具在这个阶段也有帮助，比如photoshop等。

关于原型设计工具的问题，stackoverflow有一个详细的讨论：

参考：http://stackoverflow.com/questions/720191/web-ui-prototyping-tools

编码阶段

在完成了基本的效果图设计后，就需要将相应的设计效果转换为html , css和javascript，这时候，常用的工具有dreamweaver, expression blender 等。但亦有不少前端工程师在这个阶段就会采用文本编辑器，比如vim,textmate来实现原型。

由于CSS是一个与视觉效果密切相关的要素，因此在CSS的设计方面，有大量所见即所得的辅助设计工具，

比如这个网站： http://css3.mikeplate.com/ 就可以用于在线生成 css样式

另外，网站设计和前端逻辑一般来讲是不能完全分离的，对于前端设计师来说，掌握基本的javascript知识是需要的，如果能够熟练地掌握一种基本的js框架，比如jquery那就更好了

测试阶段

由于众所周知的原因，目前主流的某一知名浏览器经常有着与其他浏览器截然不同的表现。作为一个认真的前端工程师，你应该还要掌握跨浏览器兼容性测试的技术和工具。

要理解每一个浏览器的css/html 实现上的差异，以及如何使用工具进行检测。

比如:

1. http://browsershots.org/ 在线的兼容性测试工具

//注：我的个人理解楼主的问题主要是关注网站的前端设计，因此回答的内容也就局限于前端的技术，而没有涉及后端的开发技术

Tags：

转载：感谢您对半点优化网(www.bdxc.net)网站的认可以及对作品的青睐，欢迎各位朋友分享到个人网站或朋友圈。转载请说明文章出处“半点优化网”。/wzjswt/42246.html

很赞哦！ ()