协策网络,专业做网站,优秀上海网站制作公司,提供企业建站、网站设计、网页制作,专业网页设计师和网站制作技术工程师为您量身打造个性企业电子商务网站。

此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

  文章汇总 Article Summary
当前位置:协策网络 >> 文章中心 >> 基础教程 >> 浏览文章
 

切图时应注意的问题

作者:协策网络-客服部    标签:企业网站建设     日期:2013年11月01日    类别:基础教程

 

      如果你是一个了解网站建设行业的人来讲定知道网站建设公司的建站流程,那我们就来说说目前上海网站建设公司的建站流程吧:也就是先和客户沟通确定设计稿,然后交给网页前端的人员进行网页的制作,把静态的PSD文件切成html的静态页面,然后加上相应的效果,最后交给程序完善最后的程序代码工作。我今天要说的是切图这方面的事情,应该注意的一些细节问题。


       网页设计师把一个整体的psd交给我们前段人员的时候一定不要急于的去切图,一定要想要先整体的浏览一下,做到心里有数,整体的把控是非常重要的事情,我们知道网页无非由一些基本模块组成,每一种基本模块在UI设计上,不同的应用实例是否元素一致,包括字型、字号、颜色、按钮颜色、按钮形状、按钮功能、提示文字、行距等。说来容易,执行的时候很多设计师会有一些随意的想法,可能某些想法是挺好的,但是我们必须执行统一的界面标准。设想windows里面,如果不同的窗口关闭按钮在不同的地方,并且颜色还不一样,这会是什么样混乱的状况。命名的准确性,也是前端人员应该注意的问题,切图后把个元素放到相应的文件夹后,图片等相关元素命名要符合div+css的命名规范,以备后边程序在后台看代码的时候有较高的效率,及代码的规范程度。

点击浏览下一页

 

     颜色范围:如果一个区域中颜色范围不大,只有几种颜色,那么应该单独切出,如果只有一种颜色,就应该象剑气所说,切片后选择HTML类型,在DW中改背景颜色来达到目的;如果颜色数量比较多,渐变过渡多一些,应该把切片数量切的多一些,尽量把单个切片控制在一个颜色范围的轮廓内;

     切片大小:切片的目的主要是加快下载进度,让多个图片同时下载而不是只下载一个大图片,所以切片大小要根据需要来切,标志LOGO等主要部分尽量切在一个切片内,防止显示遇到特殊情况时显示一部分,圆角表格部分要根据显示区域的大小来切,控制好边缘和边角,有时候切出来的切片并不是直接插入到DW了事,而需要在DW中编辑,比如有的图片应该设置成背景图片;

     切片区域:保证完整的一部分在一个切片内,例如某区域的标题文字,以后修改时方便;

     导出类型:颜色单一过渡少的,应该导出为GIF,颜色过渡比较多,颜色丰富的应该导出为JPG,有动画的部分应该导出为GIF动画;

    源文件:即使页面作好了,也要保留带切片层的源文件,说不上哪天要改某一个部分,例如文字什么的,直接修改单独导出所用的切片就可以了。



更多
  您可能感兴趣的文章推荐  
 
上一篇:完美的企业网站设计有何特性 下一篇:网站设计各版块结构内容
协策网络公司拥有专业的网站建设开发团队,超过四年以上的网站建设、网页制作经验,我们可承接企业电子商务网站建设、企业展示型网页设计和功能型网站制作等各类型网站设计制作。
     
首 页  |  基础服务  |  网站建设  |  网站优化  |  成功案例  |  协策博客  |  关于我们  |  联系我们
COPYRIGHT © 上海协策网络科技有限公司 2008-2014 网站地图 SITEMAP 上海做网站公司 沪ICP备08009778号

地址:上海市共和新路425号凯鹏国际大厦13楼G座(近3、4、8号线)

电话:021-51085186 传真:021-56555059 咨询:+(86)18018609689
上海做网站建设网页设计制作公司