GUI前期如何做好交互小稿-2024

Recommanded by editor
福州/UI设计师/1年前/3674浏览
GUI前期如何做好交互小稿-2024Recommanded by editor
小金狮
又是积累了好久,终于有更多的作品和大家分享了。今天先分享我们GUI设计前期如何做好排版和交互的细节,后期会和大家分享更多的毕业作品哦。
一直有同学反应想要一些
竖版的UI
设计,今天他来了,他来了。
这一次的界面排版增加了一些新的改动,除了更加重视交互的设计之外,还更加重视形状本身的构成设计。
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
主界面风格稿
主界面一直是最难的界面设计之一。
我将主界面大致分成几个构图
左中右主界面构图。
常见的游戏有
【下面十张图不带水印的为真实游戏的截图分析参考】
规整重复某一种形状的主界面设计,让右侧的按钮点击变得很容易。
规整重复某一种形状的主界面设计,让右侧的按钮点击变得很容易。
Collect
也有右侧设计是具象的设计的,让游戏代入感更强一些。
也有右侧设计是具象的设计的,让游戏代入感更强一些。
Collect
也有场景化的主界面,网易的游戏特别擅长做这些风格,大量3D 的介入,让游戏的世界充满了想象力。
也有场景化的主界面,网易的游戏特别擅长做这些风格,大量3D 的介入,让游戏的世界充满了想象力。
Collect
传统的SLG 的游戏,主界面则为四周分布,特别多的图标显示在四周,传统游戏的画面就是这么的密密麻麻,但是70-80后的玩家有时候就喜欢更传统一点的画面感。
传统的SLG 的游戏,主界面则为四周分布,特别多的图标显示在四周,传统游戏的画面就是这么的密密麻麻,但是70-80后的玩家有时候就喜欢更传统一点的画面感。
Collect
时代在变化,新兴玩家都会更喜欢如原神一样的画面,游戏画面是纯3D的自由沙盒的玩法,主界面的图标更重视 单色和剪影造型 的设计,让画面更有631的层级感。
时代在变化,新兴玩家都会更喜欢如原神一样的画面,游戏画面是纯3D的自由沙盒的玩法,主界面的图标更重视 单色和剪影造型 的设计,让画面更有631的层级感。
Collect
更多内容通过二级菜单来统一展示。
更多内容通过二级菜单来统一展示。
Collect
吃鸡类游戏更加喜欢突出右下角的开始游戏按钮,其他东西都是规整扁平的排版。
吃鸡类游戏更加喜欢突出右下角的开始游戏按钮,其他东西都是规整扁平的排版。
Collect
竖版主界面最喜欢突出下面的5个按钮设计,
竖版主界面最喜欢突出下面的5个按钮设计,
Collect
剪影图标依旧是我们主界面最重视的构成部分,需要有强中弱的层级变化。
<br>下面来欣赏下我们这一期界面高级班同学做的风格稿设计,还不是最终版,毕业作品将在后面陆续和大家分享哦!
剪影图标依旧是我们主界面最重视的构成部分,需要有强中弱的层级变化。

下面来欣赏下我们这一期界面高级班同学做的风格稿设计,还不是最终版,毕业作品将在后面陆续和大家分享哦!
Collect
改之前,作品的构成已经很有特色,
改之前,作品的构成已经很有特色,
Collect
改之后增加了堆成构图,增加倾斜梯形和剪影图标,强化画面的矛盾和对称,冷暖对比和黑白对比也进一步加强,
改之后增加了堆成构图,增加倾斜梯形和剪影图标,强化画面的矛盾和对称,冷暖对比和黑白对比也进一步加强,
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
属性左中右构图
左中右一直是我不断在强调的三分画面的重要词语,左中右,强中弱,631,在做界面排版的时候最需要考虑的层级关系,
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
方块多 签到界面
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
GUI前期如何做好交互小稿-2024
Collect
本次的界面分享就到这里了。
49
Report
|
98
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
Penny8月作品合集
Homepage recommendation
相关收藏夹
游戏GUI
游戏GUI
游戏GUI
游戏GUI
作品收藏夹
游戏视觉
游戏视觉
游戏视觉
游戏视觉
作品收藏夹
游戏UI
游戏UI
游戏UI
游戏UI
作品收藏夹
UI
UI
UI
UI
作品收藏夹
二次元
二次元
二次元
二次元
作品收藏夹
排版
排版
排版
排版
作品收藏夹
大家都在看
Log in