ui如何设计 ui设计快速上手

本篇文章给大家谈谈ui如何设计，以及ui设计快速上手对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

本文目录

1. 独立Android开发者如何零基础学习UI设计
2. ui设计教程从零开始学会
3. ui设计原理及讲解
4. ui设计快速上手
5. ui项目怎么设计思路

独立Android开发者如何零基础学习UI设计

这个问题我来回答一下吧，毕竟前一段时间正好有独立开发者问过我相关的问题。而且我自己也有一定的实操经验，自己作为程序员或者独立开发者设计过UI。

前一段时间有人咨询我：

我是程序员，我不懂设计，做出来的产品不算精致，有时候很粗糙，怎么办？这严重影响了我软件的留存率和活跃率。

其实，我很想说：这很简单，作为技术流设计的产品，不需要多么炫酷多彩，也不需要那么复杂多变。你看看市面上好的产品，都是非常简洁的。在我看来，好的产品就得是简洁的，我喜欢性冷淡风。越是简单，简洁的产品越是好用。你看看微信是不是整体设计风格很简单，简洁，没有过多的复杂交互，主色调绿色，背景白色，辅助色灰色。一个App不得超过三种颜色，多了，就不好了。

那，作为一个程序员，一个技术开发者，如何去设计UI，设计自己的产品呢？

独立自主设计经验分享

如何你想自己独立自己设计一款产品的话，UI应该从以下几点做起，即使你不会设计，不会使用PS，也一样能够设计出好看的产品。

「模仿抄袭」开始

我这里说的「模仿抄袭」指的是：如果你有一款特别喜欢的产品，特别喜欢这款产品上的设计和色彩搭配，那么你设计自己产品的时候，就去模仿和抄袭你心中喜欢的那款产品的UI设计和配色。

你注意，一定不要做一款产品的时候，同时模仿多款产品的设计和色彩搭配，否则你做出来的产品的色彩搭配会很乱。模仿一款就可以了。

一旦确定了用你喜欢的产品作为设计和色彩搭配的模仿对象以后，那么你的主色调，辅助色和背景色就都确定了，这样设计出来的一款产品，不会差到哪里去。

我一个做设计的朋友，说：如果不懂配色的时候，或者需要使用某种颜色的时候，自己调出来的颜色不好看怎么办？看看微信或者其他大厂App的颜色，比如如果用绿色的话，就把微信的主色调绿色取值出来。他们大厂的设计肯定经过很多的调研和测试，才选择这个色值的。再比如：谷歌的图标，有四种颜色，红色，黄色，绿色，蓝色，这四种颜色，谷歌作为世界大厂，有很牛逼的设计师，肯定调了很久，是最好看的四种色，如果需要，就用他们的色值就行了。

图标怎么办？

你告诉我了色彩搭配应该怎么做了，确定了色彩搭配，可是一款软件上需要图标啊，我不会设计这些图标，我该如何弄？咋办？

很简单，去找「阿里妈妈」，阿里妈妈是一个矢量图标管理、交流平台。设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

阿里妈妈地址：https://www.iconfont.cn

阿里妈妈平台上，各种图标应有尽有，而且在你下载的时候，还可以调节图标的颜色，非常的方便。作为一个程序员，尤其是前端程序员，这个网站，我平时几乎每天都在上，都在上面找图标。可以进行关键字搜索，一搜，一大堆相应的图标就出来了，找到一个自己喜欢的，下载下来就可以用。

就差一个工具

配色，设计风格确定了，图标也不需要我自己设计了，现在就差一个工具，把我想要的风格做成原型或者效果图了。那么，作为一个技术人员，有没有相对操作简单的工具让我们使用呢？

答案是：当然有了。

我在这里给大家推荐两款设计工具，你不懂设计都可以使用和操作，真的是傻瓜式的操作。（PS：是真心推荐，没有给他们做广告的意思，他们也没有给我钱）

第一款就是：Sketch。可惜的是这款软件只能在Mac电脑上使用。这款软件简直就是设计神器，傻瓜式的操作，不需要你懂太多的PS，很容易就能够设计出效果图来，而且且图标很方便，Android和iOS的几倍图都可以很快切出来。

而且这款软件网上有很多插件，引入插件之后，会有各种模板和图标之类的东西，让你直接使用，非常的便捷。

在这里，我给大家再分享一个关于使用Sketch的视频教程吧，简单的教程，看一下就明白了。教程地址：

http://1t.click/fzn

第二款就是：墨刀。墨刀，我就不用多说了，应该很多人都知道，它是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。

而且墨刀上的操作同样是傻瓜式的操作，做原型和交互真的也是非常的方便。官网上就带着一些演示的操作的视频教程，稍微一看你就会了。

通过上面三点经验的分享，作为一个程序员你也可以跟设计师一样做出一款好看的产品来了。这都是我真是实践和实战经验的分享啊！

借助外部设计师

如果你真的不会设计，也不想去触及和学习设计，还想做一款好看的产品怎么办？前一段时间，一个独立开发者就把他的产品发给我看，让我体验了一下，提了一些UI上的建议。其实他产品做得不错，就是设计有些low。这时，应该怎么办？

你作为一个程序员，待过很多互联网公司，应该认识很多设计师的朋友吧？很简单啊，花点小钱，可能也就几千块，让他们帮你去设计一下也行啊，都是朋友，收个友情价就行！这样会让你的产品提高一个档次，提高一个level。

当然了，我再给你出个好主意：你谈女朋友，就专门找UI设计师，你把她拿下来，人都是你的了，给你设计一个产品还用收费？我真的是认识很多程序员，他们的女朋友就是同公司或者前公司的设计师。这样不方便多了？哈哈……

最后，如果你感觉我的回答，对你有帮助，请点个赞或者留言交流一下自己的看法和经验。

ui设计教程从零开始学会

第一阶段：素描手绘

也就是素描手绘这块，这个对于后期的UI设计有一个帮助。但并不是最重要的。（这个可以平时自己手动多画一下）

第二阶段：软件学习

现在的UI设计师一般要掌握以下几个软件，比如PS、AI、AE、AXURE等等。

第三阶段：理论学习

这个有内容就有点多了，因为是养成思维的必经之路。

比如配色、排版、字体设计三大构成，消费心理学、沟通学，以及思维导图、原型图，还有交互逻辑、规范、切图、了解程序、互联网思维、用户体验，还有一些网络营销都是需要学习的，因为这和产品商业价值有关。

第四阶段：临摹原创

前面的理论软件都会了，接下来就是临摹作品，及原创作品了。

然后就是不断的做项目，参与互联网各种UI大赛及一些兼职网接单兼职，和去互联网公司做UI设计工作等。之后不断的逛一些比较不错的设计素材网站，长期坚持下去就能把自己的设计水平慢慢提升。

建议小白学习UI的非常不错的干货网站SooUI（搜UI），认真照着网站上的PSD分层模板临摹，设计能力便可渐渐提升到高级UI设计师的水平。

ui设计原理及讲解

1、工具软件

UI设计的前身是平面、网页设计，在原专业的基础上加入了一些人机交互的逻辑、控件的应用、组件的状态设计等内容。这是由于互联网发展的精细化延伸出来的新门类，因此设计的软件应用就是基本功了。需要掌握Photoshop(图像处理)、illustrator(图形制作)、AfterEffects(视频处理)、Axure(原型设计)、Dreamweaver(网页制作)、Coreldraw(矢量制作)、Flash(动画制作)等设计软件及HTML5.0和DIV+CSS网页代码基础。

ui设计快速上手

如果决心想学好UI设计，就需要在前期有一个技术好的人指导你。全程靠自己自学UI设计的人其实心里是并不想学好的。大部分都是不想付出就想得到回报的。因为UI设计专业性很强，前期是必须有人带的。主要是因为遇到问题无法解决，解决起来效率非常低，也会越学越迷茫，最后导致浪费时间。缺少跟专业的人交流的过程，毕竟高薪不是随便拿着。

ui项目怎么设计思路

UI设计思路：

一、针对本产品的定位、特点和设计目标，采取相应的设计。比如设计一个银行的app，需要给予用户安全、信任的感觉和清晰的指引。但是在设计一个时尚购物的app，则可以采用时尚、高逼格的设计风格来进行设计。

参考竞品。在不知道不了解某一个行业的时候，参考竞品是非常有效的办法。参考竞品，能够了解自身与竞品的差异和不足，能够做到有的放矢，有效设计。

差异化。在竞品同质化严重的情况下，适当的差异化，能够获得用户的青睐，成为产品卖点。

关于ui如何设计，ui设计快速上手的介绍到此结束，希望对大家有所帮助。

声明:本文内容及图片来源于读者投稿，本网站无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。请将本侵权页面网址发送邮件到583666585@qq.com，我们会及时做删除处理。