学前端差不多一年了， 0 基础，到现在切图还是问题，怎么办是好？

[BaiLinfeng]

2019 年学的前端，但是到现在布局切图都不会，看到 UI 图后，脑袋第一时间想不到一个布局的思路，我都想放弃了。不知道为什么始终理解不了布局的精髓，怎么都摆不出 UI 的效果图，时间久了严重打击了学习的积极性，该怎么办是好？我内心是很想学好的，但是就是写不出来，反而我感觉 JS 学起来比布局还熟悉，JS 是理解慢，但是逻辑一下久想通了。布局始终都摆不出自己想要的效果，心好累，年纪也不小了。

[musi]

写少了，多写写就好了

[XCFOX]

flex 就完事了。
没有什么布局是套 flex 容器解决不了的，如果有就再套一层。

[chenqh]

前端有什么视频推荐吗？课程也行

[whisky221]

css 是有很多学问，但是不至于这么难
楼主是转行计算机的吗？我那时候刚毕业 0 基础自学了两个月就差不多了
建议还是要多写，至于切图，现在基本上都 sketch 或者蓝湖设计帮切好了

[Jtyczc]

每天学 1 小时，也是学。
每天学 4 个小时，也是学。
每天学 10 个小时，也是学。

无他，熟能生巧。

[jeeyong]

有效编程时间 > 800 小时

[wht0522]

找个不切图的前端工作 或者让设计用蓝湖这类的工具 能一键导出切图 布局 flex

[f056917]

我都好久没切图了，想切 UI 还不让我切。UI 布局就把每个模块分散，组成一个整体

[darknoll]

你还有 UI 图，我这都是要自己设计 UI，然后再实现

[justin2018]

切多了 就会了~ ~

当初我一个月切了 15 个左右~~ 不会就多做~~ 熟能生巧

[hijoker]

作为后端一直没太明白切图是啥意思
就是用 CSS 写出 UI 设计的效果?

[TimPeake]

页面无非就是嵌套、绝对 /相对定位、行布局、列布局 等这几几种模式组成啊 。
外层组件往里嵌套就行了

[rodrick]

蓝湖解千愁 css 这玩意就这样 不太像 js 有那么明确的路线和逻辑性 你这一年一共切过多少图了

[ppdudu]

这就像玩游戏一样,CSGO 2W 个小时真实游戏时间,你也会很厉害,
多切图,切的多自然就厉害了

[yzqtdu]

粗糙的比喻。HTML 骨架，CSS 是血肉，切图之前 HTML 的结构要整好，理解盒模型和 position 能解决大部分问题。
另外在浏览网页的时候可以多想想，别人是如何实现某种效果的，打开开发者工具验证下。布局套路不多，掌握常用的再慢慢熟练就有信心了。

[han3sui]

切图不都是 UI 的事情吗，蓝湖复制粘贴

[ByZHkc3]

感情哥们你是光学不练啊，不练的话你一辈子都这样的，学再多也没啥用

[ljpCN]

首先切图难道不是只是把一些元素切成 svg 或者 png 这样的静态资源吗？如果你是要学习 css 布局，推荐 http://zh.learnlayout.com/

[en20]

切图是最无聊的,不用带脑子,一天两千行代码,对设计稿眼睛还巨累.

布局不会我猜你可能没有掌握全常用 css 效果,flex,absolute,float 这些都从头过一遍吧

[murmur]

切图不会就是公式记不住（不会套路），不会分解设计图，有了 flex 布局切图随便做好吧，谁知道以前 table 的苦，谁知道以前还要 8 点法做圆角