首页 > 代码库 > 【切图】切图小知识
【切图】切图小知识
最近在学习前端,所以萌生了对切图的学习,接下来分享下我的学习历程吧~
1.切图其实并不是直译的就是将图片切开那么简单,那么切图到底是什么意思呢?
切图概念:切图是指将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具 把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。
2.切图工具:主流是dreamweaver、photoshop软件,还有sketch、firework等,低端QQ切图,网页切图等。
3. Ps切图小练习,学习自“PhotoShop教程:切图那点事儿”,链接如下:
https://jingyan.baidu.com/article/93f9803fc50dd3e0e56f555e.html
通过这个练习,就会对切图有很省的理解哦。
4. “新手福利!超全面的UI设计切图规范指南”链接为:
https://www.uisdc.com/ui-design-slice-guideline
切图是初级设计师最重要的能力,网上一直没有全面系统的教程,这篇好文从零开始教你学会切图方法,附上切图神器,绝对值得学习与收藏。
是不是看完这些觉得又Get到很多新知识啊~~
【切图】切图小知识
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。