是否需要学习网页和编程的内容,比如HTML、CSS 之类的。


UI设计不一定需要精通前端,但是如果UI设计了解前端可以减少和开发人员沟通的技术成本,让团队协作更加高效。那UI设计如何学习前端,需要学习到什么程度呢?

我们分享一个前端教程,这里面详细讲解了UI设计中的Web前端设计规则及工具,可以帮助大家深入理解Web前端UI设计方法。

1、HTLM基础认知DIV框架及CSS样式

首先要了解HTLM基础、CIV框架以及CSS样式。HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网路上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。DIV元素是用来为HTLM文档内大块的内容提供结构和背景的元素。 CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字型大小样式,拥有对网页对象和模型样式编辑的能力。

2、浮动原理、Margin认知

Margin,是CSS的语法,这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度,或者设置各边上外边距的宽度。

3、框架应用搭建

框架很多,在这个教程中选择一个主流框架带大家看看前端框架如何搭建。

4、插入图片、文字标签和版头、导航栏

编写的网页中插入图片,可以使浏览网页的用户得到更好的体验效果。在这一部分会讲解插入图片、文字标签以及版头和导航栏如何实现。

5、Banner块插入、内容文字排版、内联元素、A标签和Banner链接定位

Banner是网路广告最早采用的形式,也是目前最常见的形式。它是横跨于网页上的矩形公告牌,当用户点击这些横幅的时候,通常可以链接到广告主的网页。而网页中的文字内容排版也直接影响著网页的美观以及网页的用户体验。

图片来源:阿多比设计学院学生作品

6、锚点标签、超链接标签、固定定位和绝对定位、相对定位

& 标签用于定义超链接,用于从一张页面链接到另一张页面。用于设置锚点,用于页面定位。

7、导航二级菜单显示隐藏

很多网页中的二级菜单栏不直接显示,需要滑鼠移动到一级菜单或者点击一级菜单才会展开显示二级菜单。

图片来源:B站

8、Input表单

input表单可以获取用户的信息,做出对应的动作,教程中直观的展示input表单的应用方法。

其实以上教程只是web前端很小的一部分,UI设计如果能够了解前端知识,在设计中可以更好的考虑实现问题,也能够更好的和开发人员交流,也能够提高团队协作的效率,加速项目的进度。

注:本文由@阿多比设计学院撰写,已授权转载,如需转载请联系我司获得授权并注明出处!

UI设计并不需要精通前端,但是如果会一点前端和开发人员沟通成本会降低,而且会大大提升自己的市场竞争力。


学ui设计本质上来说,是不需要会代码的。但是……但是呢,现在发展很快了,小公司的话,会希望你全能,机会更大些。大公司针对岗位职责就比较精,不需要,但是你专业能力必须优秀。建议:ui设计师会代码的话,和前端沟通比较方便,而且对自己设计也是有好处的哦~
不需要学到会,但是最好是开发和前端说的你能大概理解和明白,这样最大的好处是减少修改次数和沟通成本。另外就是你在把编程学通的时间不如多多的提高你的设计能力,毕竟越到大的公司分工越细致,越需要对本专业有更高的水平。不然什么都学,什么都不精,最后你还只是一个基层员工。
学好UI设计不一定要懂代码的,最重要的是要有无穷无尽的创意!
建议学一下,对实际设计中出解决方案很有帮助,例如公告的处理方式, 案例的展现形式,设计交互细节,需要你明白代码怎么实现的,好处多多
原则上可以不学,有了解更好,可以更好的从多方面设计,可行性更高。
编程对设计师来说是选修,不是必修

会了更好,不会影响不大,除非你应聘的公司要求你懂这些

讲道理html和css也不是多难学
我想你说的ui应该是手机界面或者网页吧,现在一般都是不用代码的。但是,你了解代码肯定更加好
ui设计,应该也分方向吧仅仅是UI的话,你也可以说是智能手机的UI,除非是手机浏览器需要用到的情况,原生应用不需要使用js、css之类的。但如果是网页,不管电脑还是手机,都需要用到js和css,当然还有html


推荐阅读:
相关文章