设计不够高级,没有质感,细节不到位!

设计不够高级,没有质感,细节不到位!

前言:作为一名设计师,我在设计时经常遇到这样的通病:设计不够超前,没有质感2d素材,细节不到位。 精致、细致的设计是每个设计师都想要达到的目标,而高质量的App设计会让用户使用起来更加愉悦,从而提升产品和公司的声誉和形象。

界面的质感一般体现在设计五要素的表现层。 设计师可以通过布局、配色、动效等设计手段来呈现产品。 也是用户最能直接感受到产品本身的层面。

下面,我们总结了一些可以优化UI界面、提高设计质量的设计方法。

ui游戏界面分析_ui游戏界面设计总结_游戏ui界面设计

页面的结构相当于人体的骨骼,支撑着整个页面的信息。

· 您可以通过文本的大小、粗细和深度来区分内容的主次关系。

ui游戏界面分析_游戏ui界面设计_ui游戏界面设计总结

对比上图中两张卡片的设计,左边的券商信息卡仅通过字体大小对比来排列信息,而右边的卡片则通过字体大小、粗细和颜色的对比来排列信息。 优先级清晰且易于用户阅读。 更加专注。

·利用大间距区分各个模块

模块之间采用等大的间距会给页面带来高端的感觉,适当的留白会让用户阅读起来更加舒适。

ui游戏界面设计总结_游戏ui界面设计_ui游戏界面分析

对比上图中的两种排列方式,左侧各模块之前的间距与标题内容之间的间距一致。 页面整体显得缺乏节奏、局促,模块之间划分不清晰; 右边的排列是模块间距是标题内容间距的两倍。 这样的安排让整个页面更有节奏感。

游戏ui界面设计_ui游戏界面分析_ui游戏界面设计总结

上图中FARFETCH APP的首页界面几乎采用了大间距来区分模块,整体页面质感非常高。

·信息对齐和统一

信息的对齐可以降低用户的阅读门槛,让整体页面看起来更加有序、更有逻辑性。

信息可以通过三种方式对齐:左对齐、居中对齐和右对齐。

一般纯文案的信息内容应该统一左对齐,以符合用户的阅读习惯。 在一些带有图像信息的页面中,例如默认页面、个人主页等,居中对齐元素可以丰富页面空间。

左对齐常用于操作按钮的排列。 一般用户在使用手机时习惯使用右手进行操作和点击。 将操作部分向左对齐也符合用户的操作习惯。

ui游戏界面分析_游戏ui界面设计_ui游戏界面设计总结

在淘宝的界面中2d游戏素材,收藏列表页、文字、图片等阅读信息统一靠左对齐游戏ui界面设计,“前往店铺”、“查找同类”等操作按钮统一靠右对齐。 用户阅读信息后可直接进行操作。

ui游戏界面分析_游戏ui界面设计_ui游戏界面设计总结

页面中将使用图片或插入一些横幅。 此时,页面预留的图片尺寸比例应统一且符合规范。 不能任意设置尺寸。 在页面上,往往可以体现出图片的比例和大小等细节。 页面的纹理。

游戏ui界面设计_ui游戏界面分析_ui游戏界面设计总结

无论图像尺寸如何变化,整体比例保持不变。 比较常用的图像比例一般为4:3、16:9、3:4。 用这个比例来确定图片的大小,会让整个页面更加美观。

ui游戏界面分析_游戏ui界面设计_ui游戏界面设计总结

微观纹理介于扁平化设计和拟物化设计之间。 在UI细节设计中,使用一些微纹理设计会让界面更加出众。

·投影加工

ui游戏界面分析_ui游戏界面设计总结_游戏ui界面设计

在处理卡片投影时,为了使卡片具有立体效果,可以在其周围添加一圈细描边。 干净的阴影和细细的笔触将使卡片更加突出。

游戏ui界面设计_ui游戏界面分析_ui游戏界面设计总结

利用灰白色变化的投影色调将平面图形变成三维感觉。

·毛玻璃质感

如果你经常浏览设计网站,你一定会发现很多设计师的作品都采用了“磨砂玻璃”的设计。 这种纹理光线柔和,视觉体验愉悦,也会让整体界面更有质感。

ui游戏界面分析_ui游戏界面设计总结_游戏ui界面设计

·微纹理图标设计

图标风格经历了从拟物化到平面化的转变后,开始将创意、图形、渐变、微光阴影、投影等结合起来,延伸出更加多样化的新风格。 这种微纹理的图标可以让人眼前一亮。 吸引用户点击,更加个性化和创新。

游戏ui界面设计_ui游戏界面设计总结_ui游戏界面分析

饿了么、美团、大众点评的首页图标目前均采用微纹理设计。

游戏ui界面设计_ui游戏界面分析_ui游戏界面设计总结

在界面设计中,经常需要选择一些伴随的图片。 这些图像的质量也会影响整个页面的质感。 最好选择质量高且符合主题的图片。 尽量不要选择杂乱、与界面主题不符的图片。 图片。

ui游戏界面分析_ui游戏界面设计总结_游戏ui界面设计

可以利用颜色、大小、背景色等技巧来突出页面上最重要的信息元素,形成视觉焦点。

游戏ui界面设计_ui游戏界面分析_ui游戏界面设计总结

上面列出了一些示例。 在电子商务界面中,价格信息通常通过用红色、放大和粗体标记的数字来突出显示。 在一些有按钮点击的界面中,往往会通过颜色区分来显示用户想要操作的按钮。

游戏ui界面设计_ui游戏界面设计总结_ui游戏界面分析

如果页面涉及大段文字或较长的文字内容,如果使用纯黑色或较粗的字体,页面整体会显得过于厚重,阅读起来不够舒适。

您可以将文本调整为深灰色并选择非粗体字体,使页面看起来更加舒适和有质感。

游戏ui界面设计_ui游戏界面设计总结_ui游戏界面分析

ui游戏界面设计总结_ui游戏界面分析_游戏ui界面设计

连锁餐厅有统一的中央厨房、统一的店面装修风格、统一的就餐效率。 这些标准化的设置可以让门店在最低的成本控制下开设连锁店,同时也会培养顾客的熟悉度,减少用户的选择。 临界点。

界面设计中的一致性原则不仅可以提高用户体验,还可以提高用户使用产品的效率,减少用户的使用顾虑,还可以降低开发成本。

一致性包括:设计风格一致、色彩一致(品牌色、主色、辅助色)、文字风格一致、交互逻辑一致、控件/按钮一致、交互操作一致等。

游戏ui界面设计_ui游戏界面设计总结_ui游戏界面分析

在界面设计中,可以利用一些新颖的布局来吸引用户点击,形成视觉焦点,使界面与众不同。

游戏ui界面设计_ui游戏界面分析_ui游戏界面设计总结

上图中部分App的界面打破常规布局游戏ui界面设计,采用大胆创新的设计,引人注目,给用户带来不一样的体验。

以上是我为设计师总结的一些快速提升界面质感的方法。 希望对大家有所帮助。 在日常工作中,只有多练习、多积累、多尝试,才能提高自己的设计水平。 当你遇到问题时,你可以想到合理的解决方案和设计策略。

希望能够对大家有所启发。 请记得将文章转发到您的朋友圈并点击阅读。 我们一起努力吧!

文章来源:http://mp.weixin.qq.com/s?src=11×tamp=1705104483&ver=5015&signature=PU5ParDHBZpbSLm1q1y3BIzvShn*aRi-SvONWEu4UcLXyjxjWTDqAP2A8OzZ9Xwluo7rbeazbsSoNyTsjCeBbyuG7u1W2u9PlySs3HFGgbukLC9nMu3LCd2y1JjTku-I&new=1