ui设计师_ui设计师和前端怎么交接 - CSDN
ui设计师 订阅
“UI”的本义是用户界面,是英文User和interface的缩写。UI设计师简称UID(User Interface Designer),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。UI设计师的涉及范围包括高级网页设计、移动应用界面设计,是目前中国信息产业中最为抢手的人才之一。 展开全文
“UI”的本义是用户界面,是英文User和interface的缩写。UI设计师简称UID(User Interface Designer),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。UI设计师的涉及范围包括高级网页设计、移动应用界面设计,是目前中国信息产业中最为抢手的人才之一。
信息
外文名
UI Designer(简称UID)
主要职业
GUI/WUI/UX/UE/VI设计师
中文名
UI设计师
应用行业
移动互联网,PC
UI设计师UI简介
UI表面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。具体还包括:可用性分析、GUI(Graphic User Interface即图形用户界面)设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已,更重要的是让软件的操作变得舒适、简单、易用,并且充分体现软件的定位和特点。
收起全文
精华内容
参与话题
  • 前端与UI设计师的区别

    万次阅读 2018-01-28 16:59:07
    前端 对于网站来说前端即网站的前台部分包括网站的表现层和结构层。表现层即前端设计,说白了也就是视觉设计,再通俗一点也就是Web端展现出来的你可以看到的“美”的东西;... ...所以,前端包含了视觉设计与前台...UI
    前端
    
    对于网站来说前端即网站的前台部分包括网站的表现层和结构层。表现层即前端设计,说白了也就是视觉设计,再通俗一点也就是Web端展现出来的你可以看到的“美”的东西;结构层就是涉及的前端开发部分,即网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新的高级版本HTML5、CSS3,以及SVG等。
    所以,前端包含了视觉设计与前台代码的开发。
    UI设计师
    简称UID(User Interface Designer),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。UI设计师的涉及范围包括商用平面设计、高级网页设计、移动应用界面设计及部分包装设计,UI全能设计师也涉及初级代码入门。
           前端开发人员,不仅要精通前端语言,还要涉略后端编程的优秀的前端工程师;UI全能设计师,不仅要会设计,懂代码,还在设计的道路上加上程序员的思维。

    展开全文
  • UI设计师经常去的五个网站

    千次阅读 2018-03-29 17:46:31
    深耕设计领域十年,站酷聚集了470万优秀设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。 2、花瓣 花瓣网, 设计师寻找灵感的天堂!图片素材领导者,帮你采集...

    1、站酷
    站酷(ZCOOL),中国人气设计师互动平台。深耕设计领域十年,站酷聚集了470万优秀设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。

    2、花瓣
    花瓣网, 设计师寻找灵感的天堂!图片素材领导者,帮你采集,发现网络上你喜欢的事物.你可以用它收集灵感,保存有用的素材,计划旅行,晒晒自己想要的东西。

    3、千图网
    千图网是专注免费设计素材下载的网站!提供矢量图素材,矢量背景图片,矢量图库,还有psd素材,PS素材,设计模板,设计素材,PPT素材。

    4、behance
    Behance 是 2006 年创立的著名设计社区,在上面,创意设计人士可以展示自己的作品,发现别人分享的创意作品(上面有许多质量上乘的设计作品),相互还可以进行互动(评论、关注、站内短信等)。
    《Behance》是一款Android平台的应用。

    5、dribble(追波)
    Dribble是一个面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务,供网友在线查看已经完成的作品或者正在创作的作品的交流网站。Dribbble还针对手机推出了相应的软件,可以通过苹果应用商店下载使用 Dribbble移动应用。

    展开全文
  • Qt深入浅出(六)设计师界面

    万次阅读 2018-02-24 00:24:34
    Qt Designer​ 使用代码布置窗口不仅耗时,而且也不够直观,Qt Designer设计师工具可以帮我们摆脱这些繁琐的工作,Qt designer 是一款可视化的ui设计工具。​ Qt Designer可以编辑好一个设计师界面,设计师界面一般...

    Qt Designer

    ​ 使用代码布置窗口不仅耗时,而且也不够直观,Qt Designer设计师工具可以帮我们摆脱这些繁琐的工作,Qt  designer 是一款可视化的ui设计工具。

    ​ Qt Designer可以编辑好一个设计师界面,设计师界面一般是一个.ui后缀的文件,需要在.pro文件中添加变量FORMS,然后指定.ui文件的路径。

    ​ ui文件是通过xml标签语言来编写的。

    1 使用设计师界面

    • 如果想在设计师可以在创建项目的时候勾选创建界面,默认是勾选的。

    • 也可以单独添加一个界面文件,右键工程,添加新文件,选择Qt,Qt设计师界面类

    这里有多个界面模板可供选择,选择其中一种,一直点击下一步即可。

    • 在Qt Designer中你可以任意拖拽控件进行布局

    2 ui文件的编译过程

    1. 首先我们可以查看.pro文件, 检查ui文件是否添加到.pro文件中,例如

    ​ 如果已经添加,那么在使用qmake去执行解析.pro文件的过程中,就会生成对应的将ui文件转换成代码的Makefile。

    1. 查看编译过程,例如:

    ​ 明显多了一行命令,C:\Qt\Qt5.7.0\5.7\mingw53_32\bin\uic.exe ..\class1_1\form.ui -o ui_form.h

    这个命令就是通过uic.exe工具将form.ui这个文件转换成ui_form.h代码文件。

    1. 那在哪里使用了这个头文件呢,我们可以到生成的设计师界面类中查看,例如:form.cpp

    
    #include "form.h"
    #include "ui_form.h"
    
    Form::Form(QWidget *parent) :
        QWidget(parent),
        ui(new Ui::Form)
    {
        ui->setupUi(this);
    }
    
    Form::~Form()
    {
        delete ui;
    }

    ​ 我们可以Ctrl+鼠标右键单击,#include "ui_form.h"查看具体的实现。

    展开全文
  • UI设计师必备的五款界面设计工具

    万次阅读 2020-09-01 16:38:15
    在前几篇文章中,我们分享了一些最受欢迎的...同时也给那些想转行做UI设计师的朋友一些工具建议,接下来我们就来盘点一下那些UI设计师需要掌握的界面设计工具。 1. Sketch-强大的矢量绘图工具 支持平台:只支持M...

     

    在前几篇文章中,我们分享了一些最受欢迎的原型设计工具,今天我们来谈谈界面设计工具。工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师,你需要多掌握一些技能,才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些工具建议,接下来我们就来盘点一下那些UI设计师需要掌握的界面设计工具。

    1. Sketch-强大的矢量绘图工具

    支持平台:只支持Mac

    Sketch是一款强大的界面设计工具,专为UI设计师打造的软件,可让你的界面设计变得更简单,更高效。如果你是一个UX或者UI设计师,那么你一定知道Sketch这个强大的UI界面设计软件。如果你想转行做UI设计师,那么你一定不能错过这个好用的设计工具。

    在Sketch中用户能轻松地设置图层面板,可批量命名图层、智能标注页面、填充头像和文字等,可实现多层式填充、渐变、噪点等操作功能;Sketch提供“全部导出”功能,因为它是基于矢量的,所以可导出PDF,JPG和PNG(可选择2x)等格式。不得不提的就是Sketch为设计师提供了丰富的插件,越来越能满足不同人群的设计需求,所有你需要的工具都触手可及。

    特色:

    出色的用户体验
    非常简单易用
    提供大量实用的插件
    Sketch插件集合可戳:sketch.im

    2. Photoshop-强大的图片处理软件

    支持平台:Windows&Mac

    Photoshop是最流行的图像编辑器之一,UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴,也略知一二。PS作为UI界面设计神器,有着强大的图片编辑和处理功能,想要什么的图形都可以用PS来实现,可用于摄影的后期制作,可给图像添加各种滤镜,调整亮度,对比度等,生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片;并且PS提供了不同文件格式保存的选项,调整图像大小和分辨率也不会丢失图像质量。

    PS:如果要制作图标,需要用到矢量绘图软件AI来制作,这样放大才不会失真。

    特色:

    照片处理技术(剪裁背景,裁剪,调整光线,调整颜色,过滤,消除红眼等功能)
    强大的图层功能 处理副本时保存原件
    批量处理照片
    兼容其他Abode套件程序,如After Effect,InDesign,Illustrator
    Photoshop可以将图像保存为各种格式


    3. Mockplus-强大的原型界面设计工具

    支持平台:Windows&Mac

    Mockplus是一款高效简单的app界面设计工具,产品经理圈子中比较流行的一款国产界面原型设计工具。软件提供了封装好的3000多个图标以及200多个组件,拖拽即可进行UI界面设计,学习成本低,无需代码参与,所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有,怎么和开发进行有效的沟通呢。

    值得一提的是Mockplus最近发布的一款摹客设计系统https://ds.mockplus.cn/)可谓是给UI设计师提供的一大福利了,该系统提供标准色、标准字、图标、布局等等这类大纲,几乎囊括了一份设计规范文档该有的所有内容,并且支持Sketch插件,意思是设计师们可在Sketch中一键复用你自己的设计规范,节省了大量的操作时间。

    特色:

    简单,零门槛
    丰富的图标及组件
    拖拽实现交互效果
    小程序预览,随时随地跟客户演示


    4. Zeplin-强大的协作工具

    支持平台:只支持Mac

    专为UI设计师与开发工程师量身打造的协作型界面设计工具。作为一名UI设计师,你需要把你的设计传达给开发团队,而Zeplin的设计是为了实现这一目标。Zeplin操作很简单,设计师直接从Sketch上传制作的UI界面设计,应用会自动生成一些注释,在面板右侧会直观的看到每个元素的大小,颜色,边距甚至是某些元素的代码信息。

    另外,UI设计师还可以直接在UI界面上给开发人员添加注释,标记,备注等。填补了开发与设计之间的沟通障碍,为设计师和开发人员节省了大量宝贵的时间。

    特色:

    良好的用户体验
    轻松查看界面的间距,尺寸,颜色等
    创建样式,帮助设计团队保持一致。
    通过插件快速同步Sketch中的项目
    支持PS,Sketch,Adobe等工具


    5. AE-强大的动效视觉处理软件
    支持平台:Windows&Mac


    Adobe After Effects简称“AE”是Adobe公司推出的一款关于图形和视频处理的界面设计工具,如今动效设计在UI界面设计中的应用已经越来越广泛,而且国内许多公司开始重视动效设计了,所以作为UI设计师,也应该掌握一些动效设计。动效在UI设计中的应用其实比我们想象中的还要强大,好的动效设计可以给用户提供一个良好的视觉感受,从而加强与用户之间的交互体验。

    AE这款界面设计工具可以帮助UI设计师对图像视频进行任何特效处理,是一个灵活的基于层的2D和3D后期合成软件,包含了上百种特效及预置动画效果,可与Premiere,Photoshop,Illustrator等软件无缝结合,创建无与伦比的视觉效果。它还借鉴了许多优秀的软件的成功之处,将图像视频特效合成技术推到一个新的高度。

    特色:

    震撼的视觉效果
    与Premiere,Photoshop,Illustrator无缝兼容


    加分工具-Dreamweaver
    支持平台:Windows&Mac


    Dreamweaver是一款网页代码编辑器,帮助设计师和程序员快速制作和进行网站建设。为什么要把它单独列出来,是因为我觉得UI设计师不仅仅需要掌握一些界面设计工具,还需要学习和了解一些前端的布局和设计,才能够更好的配合前端工程师们做好产品开发的工作。UI设计师如果了解一些基础的代码知识,可作为一个加分项在面试中脱颖而出。

    【界面设计工具推荐】综上,如果你想要选择:

    最好的图片编辑和数码绘画工具:Photoshop
    最好的图标设计和图形界面设计工具:AI
    最好用的矢量绘图界面设计工具:Sketch
    最好用的UI界面设计规范管理平台:摹客设计系统
    最简单高效的界面原型设计工具:摹客原型
    归根结底,技多不压身,想要成为一名优秀的UI设计师,掌握界面设计工具只是其中一部分,UI界面设计需要设计师们掌握色彩搭配,设计规范,界面排版,沟通能力,切图标注,尺寸标注,用户体验等相关知识。因此需要的就是不断学习,不断坚持,不断的丰富自己的综合能力。

    展开全文
  • UI设计需要用到哪些软件工具呢?

    千次阅读 2018-03-28 18:07:10
    大多数人的认知只停留在Photoshop上,然而作为一名优秀的UI设计师,需要学习掌握的工具远不止Photoshop。下面就和重庆中软国际小编一起来看看UI设计师需要学习的软件工具。1:Adobe photoshop (PS)UI设计用的最多...
  • 面试那些事儿- UI设计面试常见问题

    万次阅读 2017-10-10 15:01:22
    小编今天要说说关于面试UI设计的那些事儿,一起来看看ui设计师面试问题,ui设计师面试时会遇到什么问题。 面试的时候,有作品是一回事,但面试官更想了解的是你的交互设计思维。接到需求之后的头脑风暴,手绘线框...
  • ui设计学习路线图分享送给初学者

    千次阅读 多人点赞 2018-11-21 16:05:15
     Ui设计师就业市场前景及薪资很可观,而且现在市场上对于ui设计师的人才需求也很大,所以,现在越来越多的人看好这一行业,纷纷投入到ui设计的学习中来,那么想新手想要学好ui设计,以下这份完整的ui设计学习路线图...
  • 2019千锋教育最新UI设计师教程(学习路线+课程大纲+视频教程+面试题+学习工具) 什么是全链路UI设计 UI设计师是随着网络而兴起的新兴设计行业,从事对软件的人机交互、操作逻辑、界面美观的整体设计工作。涉及范围...
  • 2018年马上就要结束了,给大家总结了一些UI设计出现比较多的面试题,很多时候我们有足够的技术,但是可能就断送在了面试上,大家如果去面试,可以多了解看看以下的这些UI设计师经典面试题及答案,毕竟知己知彼才能更...
  • QML,半路出家的程序员?

    万次阅读 热门讨论 2010-09-13 12:31:00
     众所周知,以往的GUI开发离不开UI设计师与程序员的通力合作,虽然,大部分的Qter在开发应用时总是兼UI设计与Coding于一身,但无可厚非的是,程序员还是专一与编码要好一点。  总有一些程序员,并不是...
  • 如果,你天生爱美,对美的事物都要一探究竟,并且喜欢去创造美的事物,无论男女,你就应该去学UI设计; 当然,想成为真正意义上的前端开发人员,小编建议两者都要懂,两者都要会。 如果,你是初涉IT行业的小白,...
  • 其实一直以来都纳闷,产品经理要做原型图,然后UI设计师要画UI 图,这两个之间貌似有许多重复的地方,而且还是大多时候还是并行进行,实在不知道二者之间的关系是什么,通过查阅资料,做一下总结。 做原型是表达自己...
  • 微信小程序UI设计规范及文档模版

    万次阅读 2019-06-30 22:22:25
    UI设计者整理一下,为方便UI设计师和交互设计师进行设计,微信提供一套可供Web设计和小程序使用的基础控件库;同时提供方便我们的移动端安卓和iOS开发者调用的资源。还没有UI设计基础的同学,可以暂时不用学习此规范...
  • UI设计师未来的4个发展方向

    万次阅读 2016-03-17 18:33:37
    经过我们团队的追踪、调研与分析,栗子预言未来的UI一定会朝着4个方向发展,小伙伴们赶紧找一条路走起来吧! 1,运营UI 需要具备的能力:创意,策划,手绘,文案,英文,提案表述(需求程度按照排名顺序) 第一种...
  • UI,UE和UX三者之间的区别?

    千次阅读 2016-12-30 13:36:57
    UED团队包括:交互设计师(Interaction Designer)、视觉设计师(Vision Designer)、用户体验设计师(User Experience Design)、用户界面设计师(User Interface Design)和前端开发工程师(Web Developer)等等。...
  • 作者详细介绍了安卓的尺寸规范,DP和PX单位之间的转化、栅格化排版、图标规范、切图规范、尺寸标注等。对于设计师有很好的指导作用。
  • 原型图、交互设计UI图的关系

    万次阅读 2018-04-11 12:09:00
    其实一直以来都纳闷,产品经理要做原型图,然后UI设计师要画UI 图,这两个之间貌似有许多重复的地方,而且还是大多时候还是并行进行,实在不知道二者之间的关系是什么,通过查阅资料,做一下总结。做原型是表达自己...
  • 每个 Web 设计师都在 UI 设计上费尽了心血,即使这样,资源的匮乏,视野的狭窄,也常常让他们的呕心沥血之作并不为人看好,事实上,UI 设计并不需要闭门造车,很多 UI 元素是通用的。本文收集了 20 套非常前端的 UI ...
  • UI/UX 设计确实是需要一定的经验和学识才能真正在这个行业立足,并不是所有想成为设计师的人最后都能如愿以偿。他需要对设计有基本的了解,清楚设计的基本原则。用户界面设计师和其他行业设计面临一样的挑战,那就是...
  • @可风f :首先我认为没办法完全量化设计师的绩效,就像你没办法按代码量或者加班量来衡量一个程序员的绩效一样。作为一种专业性的支持角色,衡量设计师的绩效当然要看两个方面:支持的好不好、支持的过程是否专业。...
1 2 3 4 5 ... 20
收藏数 56,935
精华内容 22,774
关键字:

ui设计师