最新消息:

简单的ui界面制作(如何做出优秀的UI界面)

媒体模版 admin 浏览 评论

一个企业需要的设计师不仅是理论扎实,更重要的是实战经验丰富,还关注用户体验度。对于想要从事UI设计行业的人来说,学习理论很简单,但如何才能积累设计经验呢。接下来的杭州UI设计学习实战中,就给大家讲解如何做出漂亮实用的UI界面。

1、深色主题

深色主题是过去几年中最需要的功能之一,苹果和谷歌都将深色主题作为用户界面设计重要的组成部分。深色主题降低了界面亮度,在深色环境中给用户提供了适度安全感,也最大限度减少了用户的眼疲劳。在设计产品的深色主题时需要了解8个技巧:避免纯黑色、避免在深色主题上使用饱和色、符合无障碍色彩对比标准、文本使用“打开”颜色、不同的背景对颜色的感知也不同要考虑设计的情感方面、深度沟通、允许用户从普通模式切换到深色模式、测试你在浅色和深色外观的设计。

2、动效设计&微交互

我们知道如果加入动画会让网页内容增大,即使未来是5G网络也会让网页加载时间增加,这对于使用手机访问的用户来说,是非常致命的,2020年依然建议使用微动效即可。一个优秀的交互微动效,在设计上应该遵循以下三个核心原则:1)克制有度,控制时长和出现频率,不增加额外操作,不干扰用户;2)清晰聚焦,重点突出、符合逻辑,给与用户充足的阅读时间;3)自然流畅,保持视觉连续性,缓动过渡,做到不卡、不闪、不跳。

3、渐变

渐变给设计师带来了更大的创作自由,还给设计引入了深度和维度,解决了扁平设计中一切都「太平」了的问题。渐变有几种基础类型,他们都会有一个中心起点,颜色从这里开始,然后逐渐融入其他颜色。如线性、径向、锥形渐变。在设计渐变时一定要注意这几点:1)注意渐变颜色的选取;2)渐变过程中注意平滑过渡;3)注意情绪的传达;4)不要忘记颜色对比;5)选择顺手的渐变工具。

4、UI插画

在UI设计中使用插画不仅能够承载充足的信息量,在一定程度上满足公众的情感诉求,还更容易强调UI界面的故事性和趣味性,加入插画元素的UI界面更容易给公众带来愉悦的情绪体验。

除了上述内容能够,想要做出漂亮实用的UI界面,你还需要熟练掌握各类软件工具如PS、AI,还需要关注用户体验。

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

1.品牌基因法

2.“抄”现实

3.多管齐下

1.品牌基因法

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

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

2.“抄”现实

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

UI设计

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

UI设计

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

UI设计

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

UI设计

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

UI设计

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

UI设计

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

UI设计

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

UI设计

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

怎么练呢?

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

UI设计

UI设计

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

3.多管齐下

UI设计

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

UI设计

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

总结

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

UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计,也叫界面设计。UI设计分为实体UI和虚拟UI,互联网说的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。

UI设计师岗位职责包括了很多的方面:

首先ui设计师应对Photoshop(Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及)。

Illustrator(作为一款非常好的矢量图形处理工具,该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目)。

Flash(Flash是一种动画创作与应用程序开发于一身的创作软件)等图形软件比较精通,使用比较熟练。

对于网页制作工具html(超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素)。

Dreamweave(DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器)等也要熟练运用;其次要会使用一些办公软件;还要对互联网应用产品的人机交互有一定的认知;最后,还要有创新精神,在平面设计与网页设计上有较强的能力。

转载请注明:片头模版 » 简单的ui界面制作(如何做出优秀的UI界面)

发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)

网友最新评论 ()