现在网站网页设计用什么软件,什么技术?
2013-09-29 12:13
363 查看
网站设计可以分为几个阶段:
原型设计阶段
编码阶段
测试阶段
原型阶段
原型设计阶段的任务就是根据用户的需求描绘出页面的草图。这时候最为有效的工具其实就是铅笔和纸。当然,也有一些比较不错的原型设计工具,比如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/ 在线的兼容性测试工具
什么是网站前端工程师?
网站前端工程师是运用前端技术,实现体验的良好视觉传达,是web前端开发工程师的坚持,在中国,前端工程师还是一个新型职业,刚开始兴起,在刚开始,网站前端工程师只需要Photoshop和Dreamweaver即可,不过随着岗位需求的转变,现在只掌握这些已经远远不够了,目前网站前端工程师需要以下要求:
1. 精通各种web前端技术,包括xhtml/xml/css/javascript/actionscript等
2. 深刻理解web标准,对可用性、可访问性等相关知识有实际的了解和实践经验;
3. 深入理解dom,jquery, ajax, 有基于ajax或flash的ria应用开发经验;
4. 至少精通一门非web前端脚本的语言(如java/php/c++);
目前一位好的web前端工程师在知识上不仅仅要有广度,对多种语言及技能的操作,同时还需要有一定的深度,尤其是现在很多企业招聘,不仅仅只中技术方面,还侧重员工的技巧,如今前端工程师在开发环境中的作用越来越重要,由于web产品交互越来越复杂,用户使用体验和网站前端性能优化都需要专业的前端工程师来解决,另外前端工程师还需要弥补网页设计师和开发工程师在设计上的不足,起着承上启下的作用。
原型设计阶段
编码阶段
测试阶段
原型阶段
原型设计阶段的任务就是根据用户的需求描绘出页面的草图。这时候最为有效的工具其实就是铅笔和纸。当然,也有一些比较不错的原型设计工具,比如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/ 在线的兼容性测试工具
什么是网站前端工程师?
网站前端工程师是运用前端技术,实现体验的良好视觉传达,是web前端开发工程师的坚持,在中国,前端工程师还是一个新型职业,刚开始兴起,在刚开始,网站前端工程师只需要Photoshop和Dreamweaver即可,不过随着岗位需求的转变,现在只掌握这些已经远远不够了,目前网站前端工程师需要以下要求:
1. 精通各种web前端技术,包括xhtml/xml/css/javascript/actionscript等
2. 深刻理解web标准,对可用性、可访问性等相关知识有实际的了解和实践经验;
3. 深入理解dom,jquery, ajax, 有基于ajax或flash的ria应用开发经验;
4. 至少精通一门非web前端脚本的语言(如java/php/c++);
目前一位好的web前端工程师在知识上不仅仅要有广度,对多种语言及技能的操作,同时还需要有一定的深度,尤其是现在很多企业招聘,不仅仅只中技术方面,还侧重员工的技巧,如今前端工程师在开发环境中的作用越来越重要,由于web产品交互越来越复杂,用户使用体验和网站前端性能优化都需要专业的前端工程师来解决,另外前端工程师还需要弥补网页设计师和开发工程师在设计上的不足,起着承上启下的作用。
相关文章推荐
- 网页设计现在主流的技术是什么?
- 京东PK苏美当天为何苏宁易购出现服务器无法访问的情况?苏宁易购的网站技术架构是什么(软件+硬件)?出现此突发情况,如果你是技术负责人该如何应对?
- [技术讨论]什么是最好的软件设计方法
- 两行代码取得当前网站的(无交互状态下的)网页html源代码就够了,不用对asp.net网页设计技术进行一点点倒退
- 经典网页设计:滚动技术应用得出神入化的18个网站
- 初学者学习网页设计用什么软件最好?
- 简单的网页设计技术,以帮助为企业创建网站
- 网页设计用什么软件最好
- 经典网页设计:10个响应式设计的购物网站
- 高煥堂的课程:软件接口设计的技术与艺术
- 什么是Web 2.0——下一代软件的设计模式和商业模式(转)
- 广州传智播客——网页设计和平面设计有什么不同
- 网站兼职,网页设计--发布广告一则
- 网站建设网页设计:Web尺寸规范
- 网页设计图片素材网站 收集
- 网页设计中最被低估的是什么?
- 移动网站性能优化:网页加载技术概览
- iOS开发者一些有用的技术博客、设计文章、网站
- 淘宝双11促销背后高并发处理之淘宝网采用什么技术架构来实现网站高负载
- 移动网站性能优化:网页加载技术概览