ui设计作品（ui设计参赛作品类别）

本文目录

• ui设计参赛作品类别
• UI设计作品点评
• 配图文字的选择要求是什么
• ui设计作品集里的动效怎么做的(ui作品集用什么做比较好)
• UI设计师怎么介绍自己的作品

ui设计参赛作品类别

UI设计参赛作品的类别一般包括以下几个方面：
1. 手机应用UI设计：包括各种类型的手机应用界面设计，如社交媒体、电商平台、新闻客户端等。
2. 网页UI设计：包括各种类型的网页设计，如公司主页、电商平台、博客等。
3. 牛刀小试：考察UI设计师在一定时间内设计出优秀的页面效果，是检验UI设计师能力的一种较为有效方法。
4. 数字艺术：在数字媒体上进行的艺术创造，如动画设计、游戏UI设计等。
5. 个人作品：指UI设计师在个人时间内完成的一些个人作品，如个人视觉博客、设计网站等。
参赛者根据自己的兴趣和能力选择适合的作品类别参赛，根据比赛规则和评审标准提交自己的参赛作品，从而展示自己的设计能力和水平。

UI设计作品点评

UI设计作品关注以下维度

UI层：空间布局、图标细节、色彩使用、图片素材；

UE层：产品策略、用户体验、交互设计、动效延伸；

好的卡片模块需要包含以下几点：

1.浅灰色的背景色

2.合适的投影（不过轻，也不过重）

3.合适的留白，和以图片为主的视觉

总结：

1.纯文本层也需要突显视觉层次，从细节做起

2.在亮色系背景上我们建议用面型，而暗色系背景上，建议用线性

3.UI架构以扁平为设计原则，局部图标可采用微写实，突出质感

4.一些适合英文展现的字体：1.Lato 2.Dosis 3.Din pro-light(适合数字展现)

5.UI要考虑用户阅读界面的视觉引导性，重点模块要使用设计手法来引导用户阅读；

6.Material Design悬浮按钮的精髓在于：微渐变+合适的弥散投影+有呼吸感的白色图标；

7.ICON 视觉大小统一、图标趣味性、辨识度

常用的趣味性tab处理方式：

1.选中图标，微高光点缀（羽化穿白色的圆，降低透明度）

2.tab板块有颜色区分

3.图标的处理，断点、线条统一粗细

4.微小动效，点击图标后，可采用果冻放大抖动增加趣味体验

配图文字的选择要求是什么

1、配图文字的选择要求——清晰的

如果你的屏幕设计不够清晰，整体水平会下降很多。即使你有一个漂亮的UI布局，这也无济于事。因此，平时使用材料必须满足最基本确定的条件。

画面模糊、不清晰，会给人以放松的视觉感觉。可以在Photoshop中使用;锐化+表面模糊滤镜，双手处理一些不清晰或嘈杂的图片。高分辨率取决于图像的颜色相交部分是否无噪声。

2、配图文字的选择要求——适用性

标题的选择必须符合最初的设计要求。尤其在商业设计中，适用性是最基本的原则。你需要了解你的品牌定位，从合适的人开始，产品的特点等，例如适合年轻人的产品不应该由儿童或中年人来描述。产品清爽宜人，不能与黑白图片或内容相对沉闷的图片搭配。无论是色彩所表现的情感，还是图片本身的内容，都需要与产品保持一致!

3、配图文字的选择要求——独特性

如果你有一张别人从未使用过(或很少使用)的照片。所以任何人都可以看到它有多新鲜。新图像肯定会给用户界面设计增添一些亮点。例如，构图、手绘或自拍都是创作图片的好方法。

4、配图文字的选择要求——材料网站上的一些好照片

到材质站点找到匹配的图像，无论是作为哑光还是作为直接使用。我的第一份工作是品牌建设和平面海报，所以首先我只能简单的构思，不会手绘和拍照。因此，我总结了标题文本的选择要求。

首先:所有的照片我必须匹配副本。如果图像有一个焦点图像，图像的其余部分可以用作空白。我们需要找到一个合适的空白区域和位置，使副本在图片中完全匹配。一个未聚焦的图像可以被视为一个完整的空白，因此副本的内容被视为第一级元素。下面所有的图片都是现场制作的。

环球网校小编为大家整理的《在ui设计的过程中，配图文字的选择要求有哪些?》到这里就结束了，如果你希望能将这篇文章灵活应用，还需多加练习，如果你还想学习更多有关UI设计的技巧或知识，你也可以点击本站的其他文章进行学习。

ui设计作品集里的动效怎么做的(ui作品集用什么做比较好)

动效制作工具

目前有一些非常流行的动效设计工具，它们基于不同的技术，也有各自的特点。你可以从中选择你最喜欢的来使用。

一.Framer

Framer是一个基于Javascript的原型设计工具,并且它是一个开源项目。Framer有以下一些特点：支持手势、动效、状态、基于网页、容易实现、可在任何设备上浏览。如果你很精通Javascript，那么这个工具应该会适合你。

二.Principle

Principle

可能是所有动效工具中最简单易用的。你只需要设置屏幕A和屏幕B，Principle就能自动地产生这两个屏幕之间的过渡动效。当然，你也可以通过设置不同的时间和动效曲线，来调整动效。Principle是一个桌面应用，它的界面和Sketch非常像，另外，你可以方便地将Sketch中的设计直接拷贝到Principle中使用。

三.Flinto

Flinto和Principle一样，也非常简单易用。特别的是，它提供了一个，能够直接将你Sketch中的Artbords和3D

transform导出到Flinto中。

四Origami

Origami是一款免费的Quartz

Composer的插件，Origami使QC的界面变得更加友好，更加适合进行移动App的界面设计。从2013年5月开始，Facebook的产品设计师们就开始开发这款QC插件。Origami的开发过程与Paper一同进行，随着Paper的功能越来越复杂，Origami也变得越来越强大，Paper上的每个动画效果都是由设计师首先在Origami上制作成型后，再由iOS工程师编写的。

五.AfterEffects

After

Effect简称称AE，是adobe公司开发的一个动效设计软件。对于那些不碰代码的纯设计师来说是非常理想的动画设计工具。在Dribbble上有很多使用AE制作的优秀动效作品。相比其他工具，AE是一个比较传统的工具，使用祯和层来定义动画。作为Adobe的产品，它的很多功能和Photoshop很像，但针对动效有很多附加功能。

UI设计师怎么介绍自己的作品

自己认为最关键的部分是灵感，是什么点让你有了比较好的创意，其次就是在设计中重要的过程，怎么分析需求，如何做界面设计，交互和用户体验，只有自己做出的作品说出来的时候才会真实。一名优秀的ui设计师需要拥有较强的沟通表达能力、缜密的逻辑思维、扎实的专业知识同时还需拥有营销思维、策划能力、文案能力。根据目前ui设计的未来的发展趋势你要注意三点：

一、四维思考，彰显魔力

二、移动优先，简约主义

三、敏捷设计，动态原型

最后给你四点建议：

1、建立自己的素材库，按照分类建好文件夹。

2、学会分析案例，多阅读行业分析文章，建议多浏览“人人都是产品经理“网站。

3、注重交互设计，深入了解需求，明白页面传达内容。

4、积累成长，提高审美能力。坚持每天抽出时间浏览设计网站，多看作品。

祝你顺利！