哈尔滨平面设计培训机构

全国24小时服务热线:

17757188259

用户界面设计师必须看到!四大实践策略

发布时间:2020-07-31 09:00:00

视觉设计是“辅助”产品成功的重要组成部分。一个优秀的设计师应该做的就是把这部分发挥到极致。这里我们为设计师推荐一些实用方便的方法。我们开始吧。

设计师得到要求后,不应急于开工。他/她首先可以整体理解交互原型,并记住一般的功能点接口结构。接下来,我将开始研究一些有竞争力的产品,这对编辑来说是非常重要的一步。

在研究过程中,我们有时会发现我们的设计与竞争产品之间有相似之处。设计师可以研究自己的视觉表现、布局、布局、色彩搭配、细节等,分析自己的优缺点,避免一些设计上的问题和灵感。

收集竞争性图片有两种常见的方法:

试试看。切掉一些对你有启发的界面图。重要的一步是对收集到的图表进行分类和分析。

 提取完整的应用程序绘图信息。

首先,到PC端的iTunes下载应用程序。

其次,在应用程序中找到刚刚下载的应用程序,右键单击-在finder中显示。

第三,将IPA的file属性更改为zip,提取它,然后找到要打开的payload文件夹。

第四,右键单击以显示包内容。

第五,打开res文件夹,会出现应用程序的所有UI设计绘图材料资源。

设计师应该养成收集配***片的习惯。当这个集合存储到一定数量时,您会惊奇地发现,它节省了我们调整配色协调性的大量时间。

有三种常用的颜色收集方法:

一些图片网站(这里,以dribbble为例)的图片颜色位于图片详细信息页面的右侧。

通过优秀的图片作品收集颜色,步骤:Photoshop-打开图片-以Web格式存储-选择GIF格式-颜色选择8-双击颜色表中的颜色块-颜色选择器-收集颜色组合。

步骤:Photoshop-打开图片-过滤器-像素-马赛克-设置单元格大小-收集颜色组合。

从中小型编辑的工作中发现,大多数初级设计师在设计过程中都会忽略一点:有一个小数点,这就是所谓的“半像素”。

在这里,小编提醒观众,画图时线条必须靠近像素网格,不能有小数点。如果是折线图,建议折线宽度为2px。如果必须得到1px,则线只能在内部或外部,而不能居中对齐,因为中心1px将在比例下模糊。

步骤:Photoshop菜单视图对齐/对齐到。

步骤:菜单-编辑-项-一般-调整向量工具与变换和像素网格。

d草图是更改值的快方式。

倒角是基本、常用的设计方法之一,也是设计者容易忽视的设计方法。小编在很多作品中都看到过这些失败的倒角。

研究发现,大多数初级设计师都喜欢在Photoshop、illustrator或sketch中嵌入圆角特征,但这会导致视觉效果不佳。

我们可以看到曲率从直线突然变为圆弧,从视觉上可以清楚地感受到这种不平滑的过渡。

在这一点上,设计师需要重新考虑:使用一个“超级圆”,在几何圆之外有一个额外的区域,以使改变曲线时线条不那么明显。

a、 一些设计师会使用一种简单的方法来解决圆角问题:将可转换的圆形效果转换为轮廓,输入图形编辑模式,然后手动移动曲线进行处理。但不是那么准确。

b、 在这里我们引入了一种超椭圆,也可以称为Lamécurve。法国数学家加布里埃尔·拉梅(Gabriel Lamé)发现,根据使用的公式,它从四合院形状的星星变成了实际上是圆的正方形。