2024年移动ui设计网站 篇1
首先谢谢邀答。
相信每一个设计师都有自己常用素材网站书签，本人也通过收集整理分类如下，现与题主及各位喜爱设计的条友分享。
配色类
【材质UI颜色】materialuicolors.co
【色轮】brandmark.io
【Color Picker Tool】www.0to255.com
【Material UI】www.materialui.co
【ColorFavs】www.colorfavs.com
【Curated Color】www.colorion.co
【LOL Colors】www.webdesignrankings.com
【Material Design Colors】www.materialpalette.com
【uiGradients】uigradients.com
【中国传统颜色】zhongguose.com
【和色大辞典】
www.colordic.org
【千图配色】www.58pic.com/peise/
图库类
【FreeImages】cn.freeimages.com
【SplitShire】www.splitshire.com
【大作】www.bigbigwork.com
【Visual Hunt】visualhunt.com
【Zoommy】
zoommyapp.com
【泼辣有图】www.polayoutu.com
【Unsplash】unsplash.com
【矢量图库】undraw.co
【StockSnap】
StockSnap.io
【Shutterstock】www.shutterstock.com/zh/
【Pixabay】pixabay.com
【Pexels】www.pexels.com
【矢量图集】www.peecheey.com
【矢量图集】undraw.co/illustrations
【Hippopx】www.hippopx.com
【矢量纹理】www.heropatterns.com
【Foter】foter.com
【Freepik】www.freepik.com
图标类
【iconmonstr】iconmonstr.com
【Logo Faves】logofaves.com
【Logolounge】www.logolounge.com
【LogoMoose】www.logomoose.com
【Logopond】logopond.com
【Vector icons】www.flaticon.com
【Icon Ninja】www.iconninja.com
【Iconfont】www.iconfont.cn
在线制作类
【样机神器】rotato.xyz
【不规则形生成器】www.blobmaker.app
【片头生成器】panzoid.com
【噪音风格背景生成器】codepen.io/vcomics/pen/djqNrm
【背景生成器】codepen.io/vcomics/pen/ZjMpOe
【水墨风格生成器】
codepen.io/ge1doot/pen/wPymJv
【云文字】
wordart.com
【粒子爆炸生成器】
wangyasai.github.io/Particles-Emission
【向量场迹生成器】wangyasai.github.io/Perlin-Noise
【动态马赛克背景生成器】wangyasai.github.io/Awesome-Mosaic
【贝塞尔曲线生成器】wangyasai.github.io/Bezier
【流体效果】
david.li/fluid/
【双色图片生成器】duotone.shapefactory.co
【故障艺术生成器】photomosh.com
【太空模拟器】spaceengine.org
【镜像炫光生成器】weavesilk.com
【剪纸艺术发生器】pissang.github.io/papercut-box-art/
【人工智能图片无损放大】bigjpg.com
【星球生成器】alteredqualia.com
【位图转矢量】www.vectorizer.io
以上网站有的需要VPN浏览，大部分均为Free下载及使用，希望对题主有帮助！！！
2024年移动ui设计网站 篇2
网页UI设计需要用到的软件很多，常用的不超过十款。常用有Photoshop、Illustrator、After Effects、Sketch、思维导图软件、Adobe XD、Axure等。
Photoshop即PS。应用领域很广泛，在图像、图形、文字、动效、视频、排版各方面都有涉及。
Illustrato即AI,是专业矢量绘图工具,矢量绘图软件。AI主要用于网页UI界面中的图标、插画设计，也可以做界面设计。
After Effects简称“AE”，一款图形视频处理软件，适用于视频特效制作，AE主要用于网页UI设计中的交互动效。
Adobe XD是一款轻量级的矢量设计软件。用户体验、原型、网站和移动界面、交互等全面覆盖，软件完全免费。
Axure RP是一款专业的快速原型设计工具。主要用于做原型设计，功能强大。
Sketch专业的界面设计软件。一款轻量级的矢量设计软件，目前只支持max。
思维导图软件推荐xmind、mindmanager这两款软件都不错，功能相似，二选一即可。
这些软件都是当下流行常用的网页UI设计软件。
2024年移动ui设计网站 篇3
随着移动互联网的迅猛发展，使得移动产品设计人员急缺。由于高薪酬，很多其他行业设计师转行做UI设计。
那么到底什么是UI设计?
做UI设计需要掌握哪些知识体系? 如何去学习?
今后如何做职业规划? 是很多新人常会遇到的问题!
针对这些问题，给大家一个比较全面的解释，希望能帮到新入行移动设计的人! 一、首先我先要分清几个术语：
UI (User Interface)：用户界面 IxD(Interaction Design)：交互设计或互动设计
UE或UX (User Experience)：用户体验
UED (User-Experience Design)：用户体验设计
UCD (User-Centered Design)：以用户为中心的设计
PM(Product Manager)：产品经理
视觉设计(Visual Design) 详细解释：
UI (User Interface)：
即用户界面 。ui设计其实是个比较笼统的叫法，是指软件的人机交互、操作逻辑、界面美观的整体设计。它包含了交互设计和视觉设计2个方面。
交互设计：充分考虑用户使用场景和用户行为习惯，通过简化用户任务流程，减少用户使用成本。
UI设计是一种视觉语言，优秀的的界面设计要能通过视觉手段正确传达页面信息主次和交互细节，引导用户如何操作。
由此可见，想要做好ui设计，视觉设计知识和交互设计知识都是必须掌握的! IxD(Interaction Design)：
交互设计或互动设计。通俗来说就是设计软件和用户的互动方式，通过了解用户需求、目标，使用有效的互动方式让整个过程可用，并且要易用。再直白一点，就是解决软件如何使用。
UE或UX (User Experience)：
用户体验。用户体验主要是来自用户和人机界面的交互过程。
它是指用户使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度。
产品经理(Product Manager)：
就是企业中专门负责产品管理的职位，产品经理负责调查并根据用户的需求，确定开发何种产品，选择何种技术、商业模式等。并推动相应产品的开发组织，Ta还要根据产品的生命周期，协调研发、营销、运营等，确定和组织实施相应的产品策略，以及其他一系列相关的产品管理活动。
视觉设计(Visual Design)： 视觉设计也是个比较笼统的概念。是以“视觉”作为沟通和表现的方式，透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。
在互联网领域的视觉设计师主要要具备以下能力：
1标志设计;2版式设计;3字体设计;4图形设计;5广告设计;6界面设计
二、产品研发团队的岗位组成及其职责
很多人可能会问为什么要说这个?不是要讲ui?
首先，任何产品都是由团队协作完成的。了解各个岗位的职责，有利于提高团队协作效率。也有利于了解自己需要掌握的知识技能。
研发团队由产品设计、技术开发两个方面的岗位组成。产品设计人员包括产品经理、交互设计师、视觉设计师;技术开发人员包括前端、服务端、数据端、测试等方面的工程师。
看到这，很多人就觉得比较坑爹了。怎么没有UI设计师?
上面说的分工方式是比较标准的岗位分配模式，由于国内行业发展不完善抑或是用人成本问题。
在国内，很多公司里是没有单独的交互设计师岗位的。
一种情况是由产品经理直接负责，需求和交互设计都是产品经理一个人，然后由视觉设计负责图形界面设计(GUI)和其他美术资源的设计。
另一种情况是，产品经理负责需求，UI设计师(或交互设计师)负责交互设计和视觉设计。产品经理和ui设计师共同研究用户体验。
当然，在有交互设计师岗位的公司里：
这些一般都是较大公司，一般设置UE岗位来负责交互设计和用户研究。产品经理和交互设计师都会考虑用户体验，所以产品经理有时也会参与到交互设计的环节，而且在产品需求设计的时候产品经理和交互设计师也有很多的工作重叠。
通过以上分析我们看出，产品经理和交互设计工作内容有重叠。交互设计和视觉设计工作内容也有重叠。
所以，一般做ui设计最好具备视觉设计和交互设计两个方面的知识体系。
三、知识架构
1、视觉设计部分：
首先，视觉设计不仅仅是做ICON，做界面或者界面元素。 很多人认为，如果去互联网公司做视觉方向ui设计，只会简单做图标、界面就OK。这是极其幼稚的想法。
一般公司如果花钱雇专职视觉设计师的话，那么整个公司的美术设计工作一般都会给视觉设计做。这就要求你几乎精通平面设计师所会的所有知识。
所以，如果你想今后在视觉领域混，那么以下几项技能必不可少：
1)平面构成; 2)色彩构成; 3)版式设计; 4)心理学; 5)美术绘画; 6)设计意识;
2、交互设计师应该具备的基本能力：
1)了解用户体验设计、可用性原则; 2)信息挖掘、用户调研、数据分析; 3)良好的逻辑能力; 4)心理学;
5)交互设计原则、不同平台的规范; 6)产品视觉感; 7)沟通能力。
四、职业规划
由于ui设计、交互设计、产品经理工作内容关联性比较强，而且有部分交集，很多UI设计师选择ui-交互设计-产品经理这个发展路线。
但是大家要明白，这3个岗位毕竟是3个不同的方向，每个方向需要的专业能力还是很大不同的。最终选择怎么发展还是要看自己的兴趣。
很多人认为产品经理工资高，想从ui转产品。这个也要看公司，一线公司UI设计师一般都15K+了，但小公司的的产品经理也就12K。只是行业分工不同，没有高低贵贱。 即使你只想做视觉设计，也不是没有发展的。国内一线修图师，一张图价格3K起。而普通修图师，一个月也挣不了这么多。
所以无论做视觉、交互、还是产品经理，一是要看自己适不适合;二是要看自己的兴趣。不要盲目跟风!
五、常见问题
1.视觉设计就是美工?
每当看到这句话，我的心里就像有1万头草泥马在狂奔!!!!! 不想当设计的美工不是好店长!!!
行业分工不同而已，行行出状元。努力做好自己的工作才是重点。
一般情况一个合格的设计师，如果在一线城市，工资不会低于9K。这要看能力，大部分人拉后腿，是因为自己根本不合格!所以即使你换个行业，不努力，照样不会改变现状! 2、UI设计师需要会Axure么?
首先，你要明白交互设计不是Axure操作员。
交互设计不等于使用Axure设计原型中的交互界面! 大家要清醒认识Axure在产品设计中的位置!
交互设计的出发点在于研究人在和物交流(dialog)时候，人的心理模式和行为模式，并在此研究基础上，设计人工物的可提供的交互方式，来满足人对使用人工物的三个层次的需求(usefulness，usability，and emotionality)。从这个角度看来，交互设计是设计方法，而界面设计是交互设计的自然结果。
交互设计的步骤包括：
1)用户调研
2)概念设计
3)创建用户模型
4)创建界面流程
5)开发原型并进行可用性测试
很显然，使用Axure设计快速原型，应该放在交互设计的整体工作结束后，也就是框架层设计时进行。
所以，Axure只是一个工具。在产品结构层设计的时候，最好的设计工具就是你的大脑和铅笔。
当你做一个产品的信息架构时，用铅笔画出的信息架构和界面流程草图会比软件做的更加直观、形象。 3、UI设计师需要会代码吗?
在小公司，还有就是传统的软件外包企业(如用友和软通动力)，这样的公司往往需要UI设计会点XHTML+CSS。
但现在大部分互联网公司已经有专职的前端了，不需要会代码。
并且熟悉XHTML+CSS只需要2周左右，所以学不学看你自己定位! 4.产品经理和交互设计师的区别?
产品经理需要懂交互， 但交互设计师不等同于产品经理。
产品经理更侧重于用户需求开发。
交互设计师更了解用户行为习惯，了解用户体验。
2024年移动ui设计网站 篇4
其实两个是类似的，学UI设计，可以设计app端和web端。
UI需要学的东西挺多的，像是：
学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度，和绘画能力。二维、三维造型、色彩原理、设计软件应用、矢量图形绘制Illustrator为工具、字体应用规范、排版美观性和平面设计等等。当然在线协同工具/平台更能提高工作效率，像是：Axure、JustinMind、蓝湖、摹客。
重点讲讲在线平台吧，像身边好多设计师都在用的就是蓝湖，可以在线协同切图、标注、下载还能最直观的进行演示，这部份就是在给需求方演示的时候就更直观了 因为需求方很多时候并不是那么懂。而且这个平台还支持蛮多插件的。
2024年移动ui设计网站 篇5
你好，我是柏小陌OK，一名UI设计师，很荣幸可以回你的答问题，以下是我个人的一些见解，希望对您有帮助。
我猜你肯定是个新手，想学习这些知识之后去找工作。告诉你个秘密,面试官在面试新手设计师的时候，往往不会问太多的设计逻辑和商业逻辑。
但是往往会问你一些偏基础的内容,比如问你UED,GUI什么意思？他们是干什么的？这些最基础的知识如果答不上来就很尴尬。所以掌握这些知识就变得非常有必要。
其实你所谓的UI,UX,UE都是再简化后的名称,全称叫GUI,UED/UXD,还有个IXD,那为什么会这样呢?下面系统介绍一下。
很多新手设计师和很多自媒体公众号。常常把GUI，UED/UXD,IXD,这几个专业术语搞混,层级关系也不准确。有人曾经做过一个调查,列举了以上几个关系，结果发现高达70%以上的人都做错了,也说明了，即使一些从业多年的设计师对他们彼此间的定位仍然还不清楚。
如果你能回答对，就比70%的人都要厉害。GUI
当前，对于GUI有两种解释。一种是图形用户界面，简称GUI，也就是我们常说的UI设计师职位的正确称呼.而另外一种是Game Interface Design，即游戏界面设计，也叫GUI。
但是在很多公司在招聘时都写成GUI了，这就容易让人误解，不知道他到底是招什么类型的设计师。
因此让很多人都误解了G的含义，并且觉得3个字母比Ul这两个字母长，认为GUI的级别就是最高的，这是非常严重的理解错误也是很荒唐的一件事.
所以现在国内很多招聘平台的设计岗位写的是招聘UI设计师，其实正确的说法是GUI设计师,但是害怕混乱所以才做了统称UI设计师
GUI更多体现的是视觉部分，请大家注意两个关键词图形和界面，也就是软件程序呈现的画面都是图形界面。WUI
其中W是Web的缩写，顾名思义，WUI就是网页界面设计师的意思。早期的网页设计不在Ul设计师的工作职责范围内，但是由于现在设计的全能化、多样性，如今网页设计也成为UI设计师工作职责的一部分.
但是网页设计与界面设计还是有很多不同之处的，这二者有一个很明显的区别，就是操作的方式和区域范围不同。网页是利用鼠标.
指针操作其选择单击的精准度在4px左右,而手机是手指在操作，低于24px的触碰操作基本上就非常难了.
一个得满分100分的网页设计的设计师未必做得出60分的界面设计。同样一个做得出满分100分的界面设计的设计师未必能做得出60分的网页设计.UED/UXD是什么？
UED和UXD其实是一个意思，都是用户体验设计师，那么为什么会有两种叫法呢？
因为国内和国外的缩写是不同的，这才导致了很多人产生了误解。
UX和UE都是User Experience的缩写，D是Design的缩写，UE是咱们国内的叫法。因为国外习惯把EX缩写成X，微软和谷歌等知名公司都曾经这么缩写过，渐渐也就成为约定俗成的了，所以国外习惯叫UX。IXD是什么?
维基百科:交互设计(Interaction Design)是定义和设计人造系统行为的设计领域。它既包括软件界面的交互，也包括硬件设备的交互,很多人也称为互动设计。
其实这么叫并不准确，
其实交互设计和互动设计是有很大区别的。早期的很多带Flash动效的网站被称为互动网站，互动设计更多地存在于网络公司，所招聘的互动设计师通常就是另一种网页设计师，介于网页和广告之间，它更倾向于将创意视觉和网络技术结合的手法创造出作品!
我们再来看交互设计,交互设计涉及的领域就广泛得多了,如果要给它们俩一个更容易解释的定义，那么可以说互动设计相当于你在跟系统对话，而交互设计就是你在跟系统心灵沟通。
举个例子，当用户第一次使用App的时候，他如何能在不阅读说明书的情况下就知道这个App怎么使用?
用户如何知道自己现在在什么位置？在这个位置能做什么？下一步可以去哪里？如何才能回到刚才那个位置。自己这个操作行为是否会有结果?会有什么样的结果。而这些设计逻辑就是有交互设计师来做的,这就是交互设计师要干的事!关于培训
至于培训班的选择，其实各培训班讲的内容都差不多，所以参考的维度无非就是线上和线下，如果你自制力比较差，喜欢别人带着学，那么选择线下可能比较适合你,如果你自制力比较强，那么选择线上可能比较适合你,没有太多的说道。
希望能帮到你!