百科狗-知识改变命运!
--

UI设计和网页美工的区别是什么

一语惊醒梦中人1年前 (2023-12-02)阅读数 31#综合百科
文章标签美工网页

一、性质不同

1、UI设计:是指对软件的人机交互、操作逻辑、界面美观的整体设计。

2、网页美工:是精通美学,photoshop(PS),FLASH,dreamweaver(DW)等一网站制作软件的网络人员,且必须具有良好的创意和一定程度的审美观。

二、工作内容不同

1、UI设计:UI设计师的职能大体包括三方面:一是图形设计,软件产品的“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,

2、网页美工:网页美工负责整个网站的前台设计,界面设计、规划整个网页的布局。可以使用ps进行界面效果图的设计,AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。

扩展资料:

UI设计的设计原则:

1、简易性

界面的简洁是要让用户便于使用、便于了解产品,并能减少用户发生错误选择的可能性。

2、用户语言

界面中要使用能反映用户本身的语言,而不是游戏设计者的语言。

UI设计和网页美工的区别是什么

3、记忆负担最小化

人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定,24小时内存在约25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。

4、一致性

它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与产品内容相一致。

5、清楚

在视觉效果上便于理解和使用。

6、用户的熟悉程度

用户可通过已掌握的知识来使用界面,但不应超出一般常识。

百度百科-UI设计

百度百科-网页美工

美工和网站前端是两个不同的职位,两者的职能也不一样。美工是美术工程师(Art Engineer),一般出身于艺术美术院校的艺术设计专业居多;网页前端是Web前端开发工程师的简称,是近五年才真正开始受到重视的一个新兴职业。

美工和网页前端的具体职能如下:

一、美工

根据工作性质美工一般分为平面美工、三维美工、网页美工三大类。

平面美工是由美工用Fireworks 或者 Photoshop 设计出平面外观;

三维美工是由美工用3DMAX等工具进行三维角色模型设计,道具模型设计,环境场景模型设计,包装设计等;

网页美工是美工用Dreamwerver等网页编辑软件把已经设计好的平面效果图,制做成HTML静态网页文件。这里就要求美工用到CSS和DIV技术了,也就是所谓的切图。

二、网页前端

Web前端开发技术是一个先易后难的过程,主要包括三个要素:HTML、CSS和JavaScript,这就要求前端开发工程师不仅要掌握基本的Web前端开发技术,网站性能优化、SEO和服务器端的基础知识,而且要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

三、总结

简单来说,美工偏向于设计,把用户需求转换成设计稿;而前端开发偏向于代码,把设计稿转换成可运行的代码。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)