视觉设计是“辅助”产品成功的重要组成部分。一个优秀的设计师应该做的就是把这部分发挥到极致。这里我们为设计师推荐一些实用方便的方法。我们开始吧。
设计师得到要求后,不应急于开工。他/她首先可以整体理解交互原型,并记住一般的功能点接口结构。接下来,我将开始研究一些有竞争力的产品,这对编辑来说是非常重要的一步。
在研究过程中,我们有时会发现我们的设计与竞争产品之间有相似之处。设计师可以研究自己的视觉表现、布局、布局、色彩搭配、细节等,分析自己的优缺点,避免一些设计上的问题和灵感。
收集竞争性图片有两种常见的方法:
试试看。切掉一些对你有启发的界面图。重要的一步是对收集到的图表进行分类和分析。
提取完整的应用程序绘图信息。
首先,到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é)发现,根据使用的公式,它从四合院形状的星星变成了实际上是圆的正方形。