唯品秀博客
首页 > 别具匠心 > web前端工程师切图艺术、网页制作技巧

web前端工程师切图艺术、网页制作技巧

2017年05月08日 唯品秀 1371次浏览

第一个问题就是我经常在群里跟小伙伴提到过的设计稿还原问题,首先切图静态页面基本制作抛开特别酷炫需要js支持的那些外来说,本身难度不大,只要入个门的都可以搞,甚至很多后端人员说我也会呢,你真的会吗?

出来工作近三年,我遇到很多开发者,当然也接触到很多前端,由于在IT行业男生始终占主导地位,而前端却显得格外不同,它项目的入口,好比人的外在形象,给用户带来第一感觉,所以不仅仅是实现基本交互,更重要还要把握住好的细节,但是,男生相对来说这点就很吃亏了,似乎天生就没有女性的细心和美感,导致我遇到90%前端(男生)做出来的东西总是一眼看去和设计图差了点什么,那么,到底是差了啥?

另外我要说的是,天下没有完全两个一模一样的东西,这句话肯定是有道理的,就算是计算机存储,那文件存储的内存地址也还是不同的,但这不能成为你做出来的东西让人一眼看去就觉得怎么感觉都有点不对的理由

挑战极限像素眼

  1. 1、对px位置眼睛不够敏感,以及刚做前端经验不足,这类问题当然最主要凸显在男生身上,当然,不排除女生的可能(因为我也遇到过类似女生出现这种问题),那么针对这个问题,我只能给你建议多看看大型网站,去分析他们的结构和细节处理,然后你其实最需要的是一个严苛的产品经理对你施压

  2. 2、懒,为什么我要说是"懒",比如在用ps工具进行设计图尺寸测量时候不用辅助线,随手那么一框,有时候自己都晓得框的不对,总觉得相差一两个px问题不大,便就此留下隐患,你要知道,你一个小区域偏移1-2px,整个网站所有地方经过不规则的偏移后会是什么样子?

  3. 3、项目工期紧张,这个问题是很多人都会遇到的,在中国,私营中小企业最突出的理念就是讲究效率,那么问题来了,处理细节是很费工夫的,想秒出一个优秀的产品,当然也是不太可能的。针对这个问题我的建议是先跟上面说清楚问题所在,然后看上面反应,如果他们还是把项目时间掐那么死,那你就人在屋檐下不得不低头,老老实实怎么快怎么做,但你心里牢牢记住:你做的这个东西应该怎么处理这个问题比较好,自己心里时时刻刻刘本账,因为你不可能永远留在这种不伦不类的公司。如果某天你进入真正有正规开发流程的大点互联网企业,他们会对你有所要求的

  4. 4、过分相信设计图尺寸,在这里不得不说说,很多公司设计师岗位是很不规范的,因为绝大多数公司就那么一两个设计岗位,然后也没有好的设计总监去规范他们,每次面试都是开发这边人员去面试,试问几个开发懂设计规范?这也导致很多不称职的设计师浑水摸鱼。

  5. 为什么说不要过分信赖设计图尺寸?我打个比喻,你在写前端页面时候想两个元素之间有些间距,你是不是可以用margin、padding、甚至position,那么一个标准前端肯定死会用margin,但是如果一个对代码不规范的前端,很可能随手用padding甚至position,这样后期代码就不利于维护了,改变了文档流,设计也一样,你是否也见过很多时候设计自己给的尺寸是10.5px,遇到这种你难道也写10.5px?

「两年博客,如果觉得我的文章对您有用,请帮助本站成长」

赞( 0 ) 打赏

谢谢你请我吃鸡腿*^_^*

支付宝
微信
0

谢谢你请我吃鸡腿*^_^*

支付宝
微信
标签:

上一篇:

下一篇:

共有 0 条评论 - web前端工程师切图艺术、网页制作技巧

博客简介

唯品秀博客: weipxiu.com,一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站,愿景:成为宇宙中最具有代表性的前端博客,期待您的参与 

精彩评论

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!

站点统计

  • 文章总数: 190 篇
  • 草稿数目: 2 篇
  • 分类数目: 13 个
  • 页面总数: 21 个
  • 评论总数: 876 条
  • 链接总数: 13 个
  • 标签总数: 371 个
  • 建站时间: 886 天
  • 注册用户: 690 人
  • 访问总量: 8673391 次
  • 最近更新: 2019年5月17日
服务热线:
 173xxxx7240

 QQ在线交流

 旺旺在线