当前位置:首页 » 网页前端 » UI不会前端
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

UI不会前端

发布时间: 2023-03-05 01:43:54

㈠ 学习UI有没有必要再学习前端

这位童鞋你好。具体的工作可能会用不上,但是有的中小企业就需要一人兼多职。这个时候就能用的上了,具体的请看以下文章。

UI设计师和前端通常是一个是艺术出身,一个是技术出身。却因为工作不得不经常面对面坐在一起,为各种问题纠缠不清。

前端总觉得设计太过理想主义,稿子里很多构想根本不完整,还以各种理由给自己找麻烦。设计总觉得前端各种找理由偷懒,开发出的界面明明和设计稿相差十万八千里,就自以为万事大吉了。

今天周老师就为广大设计师们写一篇比较好懂的科普,以促进双方在日常工作中更加高效友善地合作。



当然如果非要技术处理,也可以做到根据容器宽度确定文字尺寸,以求每行字数保持不变。但是这种处理非常麻烦,一般很少用到。

这就是为什么,UI在标准尺寸屏幕上勉强留够了文字空间,而在用户的小屏设备上展示时,却排不下几个字。从前端的角度看,文字尺寸的灵活性,没有图片那么强。

内边距与外边距

前端开发时,任何元素或模块都可以有一个内边距和外边距。内边距用于分割模块里内容与模块边缘的距离;外边距用于分割模块与模块之间的距离。

当元素/模块重复出现时,其内边距和外边距可以作为固定属性重复出现,这样就避免了代码冗余。



然而,有的设计稿在内外边距上比较随便,这可能导致前端开发同学犯强迫症,例如以下几种情况。

不同页面的边距不一样:




同一级模块的边距不同:




有的特殊元素偏偏要突破原本定好的边距:




当然有时候为了视觉效果,我们必须要做一些特殊处理,增加额外的开发工作量无可避免。

然而如果边距不统一只是因为设计时没有太在意,这就有可能给前端开发造成无意义的维护成本了。

如果设计按照模块而不是按照页面来提供方案,前端可能更加高兴的,因为他们不用去猜哪些地方可以复用代码了,哪些地方又必须单独写了。

总结

上面说的都是一些非常基础的前端原理,很多前端以为UI应该理解,但其实很多情况下都无法理解。不论是前端还是设计,希望看了这篇文章后,能够对双方有更多的理解。

㈡ UI设计和前端那个难

UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。
好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。
前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。
UI主要是设计能力,还会一点代码;而前端主要以代码为主。
难度方面看个人的兴趣和能力,有的人对设计感兴趣,有的人对代码有兴趣,好像我们学校,莱佛士,学生对设计感兴趣,经过老师的教育和自己的学习,学起来也不会太难。

㈢ ui设计需要学习前端吗

这个在大城市不一定需要,小城市可能需要身兼多职,主要就是了解前端,但是都是基础,主要还是锻炼你跟研发人员的协同能力。

㈣ UI设计需要学前端开发吗

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

我们分享一个前端教程-Web前端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、锚点标签、超链接标签、固定定位和绝对定位、相对定位

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

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

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

8、input表单

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

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

㈤ ui设计属于前端吗

UI设计不属于前端,前端主要是偏向页面制作和APP,开发重点是实现各种交互。
UI设计(User Interface Design),即界面设计,是指对软件的人机交互、操作逻辑、界面美观的整体设计。它可以分为实体UI和虚拟UI两类,互联网中所提及的UI设计即是虚拟UI。好的UI设计不仅可以让软件变得更有个性、有品位,还可以让软件的操作变得更为舒适和简单。与之相应,UI设计师的职能大体包括三方面:一是图形设计,软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。

㈥ UI设计师需要学前端吗

通常来说UI设计师是不需要学前端的,不过现在某些培训班。炒作了一个新概念叫做大前端,就是把UI设计和web前端开发给结合到一起了。

㈦ UI设计师需要学前端吗

现在。 IT培训班方面弄了一个新概念叫做大前端,所谓大前端就是把整个前台的工作全部包圆了,ui设计一直到web前端开发。但是大公司一般不需要这样。