技术资讯

在浏览器中修改网页

2019-08-05 10:00:45

网页设计可以在浏览器直接去修改网站的页面布局，去测试网页在浏览器中实现是什么样子的，这些网站设计师很疯狂。

通常，网站上合计开发包括：内容策划、设、线框图、原型图、测试、开发、发布等等。有没有另一个方法来实现响应式的设计？

随着响应式的发展支持各种移动设备（手机、平板、笔记本、台式机、手表）的使用，所有的版面内容保持一致性很困难的，设计的时候网站的界面发生一定行的改变。

设计师没有必要成为一个专业的程序眼，但是让设计师了解一些html和css可以编写代码的设计师是团队的一个巨大财富，总体上也有巨大的优势响应式设计非常复杂，设计师通常没有时间去设计跨越很多是图的设计。只为流行的设备，也需要4-5个屏幕，具有不同的宽高比。

www.pexels.jpg

在浏览器中调试和设计

通过使用html和css在浏览器中进行测试“浏览器内核”的设计思想，通常可以省去其他的设计工具，之间在浏览器中进行测试，之后把代码进行优化规整到css中去网站设计中有许多的同样的样式，比如：标题。是相同的样式，整个站点中是保持一致的，可以将其模块话组件、及时可以直接拿来及时使用，更改的时候直接同步进行更改重要的是，进行模块化。

通过css的声明，可以更改那个账上鼠标经过，点击等等的状态。

图标要符合品牌的风格

在AI中绘制一个自己需要的图标，之后使用AI导出一个SVG的，上传到Iconfont上转换成字体的文件。

上一篇：从零开始的响应式web设计

下一篇：什么是网站被镜像了？