ui界面设计作品图片说明（ui图怎么做-如何做出优秀的UI界面）

本文目录

• ui图怎么做-如何做出优秀的UI界面
• 如何合理的展示自己的UI设计作品

ui图怎么做-如何做出优秀的UI界面

UI图标怎么设计

Illustrator,Photoshop等软件绘制,然后用图标转换工具转换成相应格式即可

当然必要的手绘基础是必不可少的,有时候还会直接把手绘稿扫描进电脑里,进行加工处理,或者直接形成手绘风格图标样式你当时是怎么设计的这个图标?或者是,你这个图标的构思是从哪儿构思的,或者是,你看到什么物体,或者造型而想出来的,但是不能是家具,ui设计当中,最忌讳的就是看到家具而设计出的工具一般是Illustrator、Photoshop,用3D做图标的也很多。

至于怎么设计的,设计创意、草稿、配色、初稿、修改、定稿都是这么走下来的...

1、首先打开电脑在电脑中打开WPS软件。

2、在wps中创建新的文稿,根据欧姆定律ui图提示的相关数据选择线和表格工具。

3、根据相关的数据绘制等数据的线和图标即可完成欧姆定律ui图的绘制。

今天简单介绍两个方法,可以供大家参考,也可以找一些UI设计资料,大纲如下:

1.品牌基因法

2.“抄”现实

3.多管齐下

1.品牌基因法

这个就不多说了,写过很多篇了,没看过的可以去看下:

《品牌基因法做图标——实战篇》

2.“抄”现实

所有的图形其实都是对现实物体的提炼与再加工,所以如果我们能够很好的“抄”现实,那必将是一个很棒的设计技能。怎么样“抄”现实呢?举个例子,现在来画一个啤酒的易拉罐。首先我们要去找到一个真实的易拉罐:

UI设计

接下来开始“抄袭”它的造型,大家要善于提炼与概括一些形状,例如看到这个这个易拉罐我们就能知道,它大体是由两个矩形两个梯形组成的:

UI设计

很多人说自己造型能力不行,那我们就多用规则的图形去拼凑,还有现实的物体给你参考,你还有啥不行的,再不行,抽你信不信?有了大体框架,慢慢加一些细节,最后得到下面的线稿:

UI设计

线稿画好之后,就加个颜色呗:

UI设计

为了增加质感,咱再加点高光、投影:

UI设计

这样一个原创的“抄”现实作品不就出来了!我们再来个例子,还是画一个酒瓶,:

UI设计

首先还是先画造型,注意,有曲线的地方如果实在不会用布尔运算,就上钢笔吧,但一定要过度平滑,不然看着就会不精致。得到线稿如下:

UI设计

接着上颜色,加高光、阴影:

UI设计

“抄”现实是设计师必备的技能,非常锻炼我们对事物的概括能力,掌握了这招,你就是最棒的!

怎么练呢?

像我这样,一段时间给自己一个主题,比如“酒瓶”,那我这一段时间就画各类酒瓶,画到自己满意为止!菜宝宝最近在画的主题是各地建筑,:

UI设计

UI设计

最开始不要害怕和别人的风格太像,这都正常,每一个独特的风格都是在大量练习与思考之后才能形成的,前期只要内容不同就ok,不要在乎有别人的影子,所以:去练吧,宝贝儿!

3.多管齐下

UI设计

大体的轮廓可以参考左图,但颜色和细节参考第二个,最后得到自己的原创作品:

UI设计

如果你只盯着一个作品来借鉴,做着做着基本就一样了,然后就没有然后了,所以多找参考,取每个参考的精华之处,最后融合成自己的作品,这也是原创的另一个途径。

总结

方法与思路虽然有很多,但还是推荐第一种和第二种,尽量让设计的灵感、造型、颜色取自现实生活或品牌,这是提高原创度非常可取的方法。与大家共勉,加油!科科。

如何合理的展示自己的UI设计作品

UI设计的概念侧重在“交互”设计。优秀的UI设计界面，不光是各种元素设计技巧的展现，更重要的是能表现出用户角度的完美“体验感”。那么，如何做出令人满意的UI设计呢？
1.明确你的用户群
首先要明确一个方向：谁是你的用户群？不同阶层、不同年龄的用户偏重的主题设定和设计元素都不相同，所以UI设计必须是有针对性地设计。
2.界面要清晰
清晰度是界面设计中，第一步也是最重要的工作。要想你设计的界面有效并被人喜欢，首先必须让用户能够识别出它，让用户知道为什么会使用它。当用户使用时，要能够预料到发生什么，并成功的与之交互，只有清晰的界面能够吸引用户不断地重复使用。
3.交互性
界面的存在，促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和加强我们与这个世界的联系。
4.保持用户的注意力
在进行界面设计的时候，能够吸引用户的注意力是很关键的，所以千万不要将你应用的周围设计得乱七八糟分散人的注意力，谨记屏幕整洁能够吸引注意力的重要性。如果你非要显示广告，那么请在用户阅读完毕之后再显示。尊重用户的注意力，不仅让用户更快乐，而且你的广告效果也会更佳。因此要想设计好的界面，保持用户的注意力是先决条件。
5.让用户掌控界面
人都喜欢对事物完全掌控，而不考虑用户感受的软件往往不会给客户掌控的感觉，迫使用户不得不进入计划外的交互，这会让用户很不舒服。保证界面处在用户的掌控之中，让用户自己决定系统状态，稍加引导，这样会更容易达成目标。
6.每个屏幕需要一个主题
我们设计的每一个画面都应该有单一的主题，这样不仅能够让用户使用到它真正的价值，也使得上手容易，使用起来也更方便，在必要的时候更容易进行修改。如果一个屏幕支持两个或两个以上的主题，整个界面看起来会混乱不堪。正如文章应该有一个单一的主题以及强有力的论点，我们的界面设计也应该如此，这也是界面存在的理由。
7.区分动作主次
每个屏幕包含一个主要动作的同时，可以有多个次要动作，但尽量不要让它们喧宾夺主！文章的存在是为了让人们去阅读它，所以在设计界面的时候，尽量减弱次要动作的视觉冲击力，或者在主要动作完成之后再显示出来。
8.自然过渡
界面的交互都是环环相扣的，所以设计时，要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的，并且通过设计将其实现。这就好比我们的日常谈话，要为深入交谈提供话由。当用户已经完成该做的步骤，不要让他们不知所措，给他们自然而然继续下去的方法，以达成目标。
9.符合用户期望
人总是对符合期望的行为最感舒适,这也是与人打交道的设计应该做到的。在实践中，这意味着用户只要看一眼就可以知道接下来将会有什么的动作发生，如果它看上去像个按钮，那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明，要在更高层次的问题上发挥创造力。
10.强烈的视觉层次感
如果要让屏幕的视觉元素具有清晰的浏览次序，那么应该通过强烈的视觉层次感来实现。也就是说，如果用户每次都按照相同的顺序浏览同样的东西，视觉层次感不明显的话，用户不知道哪里才是目光应当停留的重点，最终只会让用户感到一团糟。在不断变更设计的情况下，很难保持明确的层次关系，因为所有的元素层次关系都是相对的：如果所有的元素
都突出显示，最后就相当于没有重点可言。如果要添加一个需要特别突出的元素，为了再次实现明确的视觉层级，设计师可能需要重新考虑每一个元素的视觉重量。虽然多数人不会察觉到视觉层次，但这是增强设计的最简单的方法。
11.减轻用户的认知压力
恰当地处理视觉元素能够化繁为简，帮助他人更加快速简单地理解你的表达。用方位和方向上的组织可以自然地表现元素间的关系。恰如其分地组织内容可以减轻用户的认知负担，他们不必再琢磨元素间的关系，因为你已经表现出来了。不要迫使用户做出分辨，而是设计者用组织表现出来。
12.色彩不能决定一切
物体的色彩会随光线改变而改变。艳阳高照与夕阳西沉时，我们看到的景物会有很大反差。换句话说，色彩很容易被环境改变，因此，设计的时候不要将色彩视为决定性因素。色彩可以醒目，作为引导，但不应该是做区别的唯一元素。在长篇阅读或者长时间面对电脑屏幕的情况下，除了要强调的内容，应采用相对暗淡或柔和的背景色。当然，视读者而定，也可采用明亮的背景色。
13.恰当的展现
每个屏幕只展现必需的内容。如果用户需要作出决定，则展现足够的信息供其选择，他们会到在下一屏找到所需细节。避免过度阐释或把所有一次展现，如果可能，将选择放在下一屏以有步骤地展示信息。这会使你的界面交互更加清晰。
想学习ui的课程可以来华信智原了解一下