13891891750

常见问题

网站设计的几个阶段

浏览:次   时间:2017-12-14   作者:知乎

网站设计的几个阶段:

第一阶段:原型阶段

       原型设计阶段的任务就是根据用户的需求描绘出页面的草图。这时候最为有效的工具其实就是铅笔和纸。当然,也有一些比较不错的原型设计工具,比如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/  在线的兼容性测试工具//注:我的个人理解楼主的问题主要是关注网站的前端设计,因此回答的内容也就局限于前端的技术,而没有涉及后端的开发技术。

       知米科技专注企业网络营销服务,提供网站建设,VR全景展示,网站设计,网站制作,网络营销,网站推广,网站优化,整合营销,VR全景展示,广告设计等服务。

网站设计

本文网址:http://www.sxzhimi.com/news/216.html

Copyright © 陕西知米网络科技有限公司 All Rights Reserved

Powered by 祥云平台  技术支持:知米科技  陕ICP备17022558号

在线客服
分享 一键分享
欢迎给我们留言
请在此输入留言内容,我们会尽快与您联系。
姓名
联系人
电话
座机/手机号码
邮箱
邮箱
地址
地址