设计师也需要了解的一些前端知识测试测试测试

设计师也需要了解的一些前端知识测试测试测试

山水国画有句话叫“先画虎，后画骨”。匹配到网页上，视觉效果只是一个皮肤，前端代码才是支撑它的皮肤的骨头。掌握框架的长度有利于设计出更加有效和高效的网页。

一、通用视觉效果是如何完成的

关于文本效果

对于文字本身属性相关的效果，如字体大小、行高、粗体、倾斜字体、下横线等，css中都有相应的样式。，但是有些独特的效果体现在ps中图层样式的效果上，css也无可奈何。不过css也在不断发展，在css3中已经加入了文字阴影的效果。可惜IE6，7，8不兼容。所以一些独特的文字效果还是只根据照片来做。

说说字间距

垂直中心区域包含文字间距(如图)，视觉效果无法接受。当需要在文本中保留某个房间空的时候(比如两个角色的钥匙)，会立刻被空格替换。

但是多了解一种完成单词间距的方法总是好的。虽然现阶段应用领域很少，但可能有一天。比如12号的清雅黑字，可能看起来像棋子，但是稍微间隔一下，阅读效果就会好很多。

关于字体

网页中的汉字一般都是宋体字体，不建议使用其他字体。但其实可以把字体上传到网络服务器，然后把这个字体引入网页，解决了客户端电脑没有相对字体的问题。但是很少有人会那么做。为什么？1.电脑浏览器可以设置忽略网页的字体，改为客户设置的字体(即:专用工具->:互联网选项->；辅助功能)。2.web服务器上的字体是必须加载的，一个字体通常有几兆，严重危及网页的加载速率。所以对于独特的字体，一般会做成照片。

相关信息

看看一个键一般是怎么拼写的。

商品钥匙一般设计的像A(中间一段是横向重复的图案设计)，不像B，由于商品钥匙都是复用的，你可以拼出一把有几段的钥匙，B的总宽度限定死。

关于渐变、圆弧和投影

css3中也有轴向渐变，但临时应用很少。

互联网发展迅速，应用了很多新技术。让我们和前端开发者交流一下。

关于两端对齐

主要是表格中文字的上下中端对齐。在ps里很简单，但是做完了，如图，就很难看了。两端对齐简直不方便，也没有什么好办法。因此，它不是一个特别重要的领域，提案也随之而来。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/zz/783349.html