国画中有句话——“画虎先画骨”。对应到网页上,视觉效果只是一张皮,前端代码是支撑这张皮的骨。做UI设计师,如果能掌握一些前端知识,会有助于提高整个效果图的可用性和交互性,设计出更合理高效的页面。今天,郑州奇酷学院UI班的曾老师就带着大家来了解一些设计师必备的前端知识。
关于文字特效
文字自身所具有的属性都可以通过CSS来实现,比如字号,加粗,倾斜,颜色,下划线等。但是css也在不断发展,在css3中已经新增了文字阴影的效果,可惜IE6、7、8均不支持。所以,一些比较特殊的文字效果,依然只能通过图片来实现。
关于文字间距
在CSS里面是可以控制文字间距的,但是在网页重构中却是甚少使用到,一方面是很多设计师不知道css中有相应的属性,并且需要使用文字间距的场景也不多,另一方面,浏览器解析文字间距的方式也令这一属性在某些场景下无法使用。
关于字体
网页中使用最多的文字无非是宋体,或者微软雅黑,不建议使用其他字体,除非把字体上传到服务器上,然后页面引用该字体,那就能够解决用户电脑上没有对应的字体而影响视觉效果的问题。不过这种方法也是很少使用的,浏览器默认的会忽略网页加载的字体,而最好的办法就是做成图片。
关于背景
一般在UI设计中,我们可以使用DW表单自带的按钮来实现,但是视觉效果真的是不敢恭维,所以很多时候,设计师会使用整个的一张图片作为按钮,但是从优化的角度来说,显得文件会很大,这个时候,我们最好把按钮设计的有规律一些,然后把按钮可以分成上中下或者左中右让其平铺。
UI设计前端知识,不仅在布局上更合理,对于人性化体验也有一定的帮助。作为设计师来说,了解的越多越好,对于后期的UI设计,店铺装修会有很大的帮助!而无论是懂前端的设计还是懂设计的前端在任何公司都是很受欢迎的,因为你的本职工作的完成度和速度都比一般人好。
郑州奇酷学院,九月开学季,UI/游戏全栈设计师班多校区(北京、石家庄、郑州)同发。以游戏UI设计为标准,培养行业高级人才,学最前沿技术,拿6位数年薪!网络报名,学费直降2000元!
学习UI设计课程,奇酷学院更专业,多年的实战授课经验,让我们更自信,课程免费试学,毕业全部安排工作!
UI设计交流群:562147124,课程免费咨询电话:400-807-8991