人气 351

[GUI] 如何设计出“好看”的UI界面(二):4个步骤,搞定界面... [复制链接]

九艺网 2020-4-25 16:38:47

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
前文回顾:如何设计出“好看”的UI界面(一):排版的六项原则

对很多设计师来说,如何开始设计一个新的界面,一个新的风格,怎么确定方向,怎么设计的独特新颖,一直是一件很苦恼的事情,这里简单整理了一下以往的经验总结,和大家一起分享。

关键点:

  • 方向上:多种元素组合搭配设计。
  • 找灵感:多种载体媒介中提炼。
  • 带着问题找参考素材。
  • 主次关系调整。


1.方向上:多种元素组合搭配设计

游戏主题:卡通漫画,机甲,中国(神话、仙侠、古代、民国、现代等),欧美(希腊神话、冷兵器时代、中世纪、魔幻、科幻、现代等)。

游戏定位:RPG,MOBA,棋牌,音乐,儿童,少女等。

游戏风格:扁平,二次元,欧美风,中国风,日和风,可爱Q版等。

做练习或是风格尝试的时候,先想好了这些分类之后,可以把几种分类进行整合搭配,比如:

设计思路:简约民国漫画风格、二次元魔幻题材等

110140ovv5mmrri3qrrced.jpg

2.找灵感:多种载体媒介中提炼

很多设计师在制作界面的过程中,总是喜欢直接找游戏UI界面进行参考,最后完成的界面总是给人似曾相识的感觉,很难做到风格独树一帜或是让人眼前一亮。

我们在找灵感的时候可以避免找已完成的界面,可以在游戏官网(推荐网易家游戏官网)、原画、电影、照片、广告或是主机类游戏中寻找设计点、构图形式、层次穿插、整体气氛的表现方式,再结合UE进行全新的设计。

110141bwqpo2p2ssi0i7oo.jpg

3.带着问题找参考素材

在方向和灵感都收集好后,开始思考界面的表现形式,比如拟物化的表现还是整体沉浸感的表现。再结合UE布局,开始对表现元素进行搭配拼接,而不是无脑的堆量。

110141dgup9ghpggrp449f.jpg

4.主次关系调整

接下来就是一个耗费时间和精力的阶段了,是对自己的想法进行尝试和试错的阶段,从设计细节,到回归整体,反复思考,对比,进行制作。

这个过程中也需要考虑:用户体验,视觉顺序,颜色关系,空间层次,整体氛围,光影关系等。

结语:在制作一个新的功能界面或是做风格尝试之前,可以运用这套方法先快速制作一些界面草图,来验证自己的设想,从而设计出自己满意的界面。

作者:哥白尼
专栏地址:https://zhuanlan.zhihu.com/p/92130926
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

QQ|手机版|小黑屋|九艺游戏动画论坛 ( 津ICP备2022000452号-1 )

GMT+8, 2024-4-25 16:33 , Processed in 0.147337 second(s), 27 queries .

Powered by Discuz! X3.4  © 2001-2017 Discuz Team.