后使用快捷导航没有帐号？
　论坛入口：
　　|　　　|　　　　|　　　|　
职场攻略：关于游戏UI这个职业你想知道什么？
本帖最后由 小篱 于
16:06 编辑
293_2.jpg (156.14 KB, 下载次数: 4)
15:45 上传
　　文/游戏er0
　　游戏UI设计，想必许多人也没听说过这一行业，即使是从事互联网工作的人们。但其实UI设计已经是现代社会，尤其是科技时代势必流行的产物，很多行业，特别是游戏UI设计早已经红透半边天，那么究竟什么是游戏UI设计呢?
　　很多新手都还在入门阶段，感到很迷茫，不知道从哪里开始学起，心有余而力不足(用的多么完美的一个成语，此处应该有掌声!)。互联网时代，视频、图片、文字教程满天飞，但是信息大爆炸，无从下手，越来越乱。就让本宫这个混迹游戏圈多年的?丝娘娘来带着纯真如白纸的你一起装逼一起飞吧~
　　你了解游戏UI设计吗?
　　1.游戏UI设计是UI设计的一个细化分支，与UI设计有着通用理论和特殊区别。
　　UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计，那自然的，游戏UI设计是专门针对游戏而言的，包涵视觉设计、交互设计、用户体验3个部分。现在市面上多数所说的游戏UI设计师其实大多数只是UI视觉设计师，相信随着UI行业越来越成熟，真正意义的游戏UI设计师会纷纷出炉，大神频现。(通俗的说：游戏UI设计包含怎样让界面上可视操作更好看和更好用，读懂用户习惯和引导用户习惯。游戏UI设计的元素几乎霸占了整个游戏屏幕和操作过程，所以占得比重非常大，公司也都非常注重UI设计这一块。另外随着UI设计这一块发展的越来越成熟，UI设计也会越来越细分。)以下为游戏UI设计部分示例，版权归作者本人所有：
　　2.游戏UI设计的工作内容。
z0915cv04s.jpg (90.65 KB, 下载次数: 3)
15:45 上传
　　上面我们说了游戏UI设计包含3大块：视觉设计，交互设计和用户体验。其中视觉设计主要包含界面设计、Icon、logo等设计绘画表现;交互设计主要是页面跳转、层级关系、操作手势、菜单树、动效体现等;用户体验主要是懂得用户心理和习惯，表现在色彩设计、图标设计等各个方面，这些方面又是由人类学，人工智能，软件测试等专业学科架构起来。未来，综合性更强的专业UI设计人员或者细分技能更加高级的能力者将更有竞争力(这句话是重点)。
　　3.游戏UI设计的前世今生。
　　说到游戏ui设计的过去，不得不提现代计算机图形界面的发展与变迁。对我们来说，打开电脑使用鼠标点击图标，开启窗口，这么简单容易操作是天经地义习以为常的事情。然而回顾图形界面发展历史，你才会发现我们现在因为有了UI，操作变得有多方便。
　　未来，UI或许变得有味道有气息有声音有触感了呢?只要目的是让界面变得更友好更方便，那么这些设想也完全有可能哦~(或者是为了让身体有缺陷的人也能够方便使用计算机，UI以后将会更多的考虑这些群体，例如当前UI设计已经会考虑到使用者为色盲人群的情况。所以做一个有爱的UI设计者，用同理心去让界面更加人性化，是每个UI设计师需要刻在心中的理念。)
　　4.游戏UI设计的前景和薪酬概况。
　　一个词概括：美好。通过第3条我们知道了UI设计师在互联网时代的重要性，从电脑软件到网络游戏，从手机UI到虚拟现实，从车载导航到KTV点歌导航界面，从可穿戴设备到新闻播报，大到航天航空，小到乘坐公交地铁，生活在一个信息时代，UI无处不在。所以，UI前景和缺口远比你们想像的更大。相应的，UI设计人员的薪资也会随着个人技术能力的提升而大幅度的提升，这也是很多其他视觉设计者转行UI行业的重要原因之一。中国的UI目前还处于一个研究和借鉴国外经验的阶段，这时候的国内UI人才还不够强大，还有很大空间。说到这里我都有点小激动了，处在这样一个有未来的行业里，本人也深感荣幸。(美滋滋的，瞬间所有的辛苦都忘记了，充满了鸡血斗志!还好我还不老，还能够继续深入研究下去。所有UI设计行业的同仁我们一起加油，树立行业荣誉感，推动行业发展。)
　　5.一组数据(来源于渠道2014年8月数据为准，此处指所有UI设计师，不只是游戏UI设计师)：
　　从事UI设计行业(含游戏UI设计者)的年限1年之内20.68%，1-2年为31.07%，3-4年为26.07%，5-8年为16.18%，8年以上为5.99%
　　UI设计行业公司分布地区：北京30.97%，上海20.38%，广州8.29%，深圳10.59%，其他29.77%。(游戏UI设计师多数还在北上广深等一线城市，其次成都，杭州也是游戏UI设计者的聚集地。)
　　UI设计者的教育水平：高中及以下5.39%，大专31.27%，本科58.34%，研究生及以上5%
　　UI设计者的薪资水平(按年限，游戏UI设计师比这个数据略高)：5k以内30.67%，5k-8k有33.17%，8k-1.2w有22.18%，1.2w-1.5w有7.69%，1.5w-1.8w有2.3%，1.8w以上有4%
　　相关阅读：
关注我们官方微信公众号
下载我们官方APP-游戏行
关注手游动态微信公众号
别说的那么悬乎，最好的ui是让玩家感觉不到有ui存在。
打破游戏行业性别鸿沟，推动多元化发展 - F炸裂！苹果半日下架App超2万，涉赌类、马甲第三届腾讯游戏品鉴会启动项目征集全方位助不谈公式，谈谈数值工作中的目标Steam上“差评如潮”的7个游戏，都是些什么“Netflix式游戏”正在威胁着开发者
微信扫一扫关注我们→更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
按住视频可进行拖动
&正在加载...
举报视频：
举报原因(必填)：
请说明举报原因(300字以内)：
请输入您的反馈
举报理由需要输入300字以内
感谢您的反馈～
请勿重复举报~
请刷新重试~
收藏成功，可进入查看所有收藏列表
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
用爱奇艺APP或微信扫一扫，在手机上继续观看
当前播放时间：
一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他***方式：手机浏览器输入短链接http://71.am/udn
下载***包到本机：
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且***并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且***并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他***方式：手机浏览器输入短链接http://71.am/udn
下载***包到本机：
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有***爱奇艺视频最新客户端？
UI会不会过时？UI未来概念小短片告诉你你想知道的！
正在检测客户端...
您尚未***客户端，正在为您下载...***完成后点击按钮即可下载
30秒后自动关闭
UI会不会过时？UI未来概念小短片告诉你你想知道的！">UI会不会过时？UI未来概念小短片告诉你你想知道的！
请选择打赏金额：
热门短视频推荐
Copyright (C) 2018 & All Rights Reserved
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
正在为您下载爱奇艺客户端***后即可快速下载海量视频
正在为您下载爱奇艺客户端***后即可免费观看1080P视频
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
后才可以领取积分哦~
每观看视频30分钟
+{{data.viewScore}}分
{{data.viewCount}}/3
{{if data.viewCount && data.viewCount != "0" && data.viewCount != "1" && data.viewCount != "2" }}
访问泡泡首页
+{{data.rewardScore}}分
{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}1{{else}}0{{/if}}/1
{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}
+{{data.signScore}}分
{{data.signCount}}/1
{{if data.signCount && data.signCount != 0}}
***低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制作为UI设计师，你还不知道怎么设计网站？
百度了那么多WEB设计规范，还是不会设计？戳这里，不求人，网站设计规范尽在你手......
最近在设计群里，看到有人问WEB的设计规范，起初是有点好奇的--现在啥不会不都是先找度娘来一波，不会了再问人？带着不解的心理茜茜自己百度了一波后，才发现原来很多《WEB规范》都比较杂且迭代很慢，尤其现在流行移动端的设计，WEB端的规范似乎被冷落，但是不管怎么流行移动端，WEB端的设计也是不可小视的。今天茜茜就整理一下，这几年自己设计网页的经验，算不上是什么规范，一个经验总结吧~网页的设计比较灵活，由于布局不同，会产生很多种设计方法。但最基本的都离不开这几点：网页尺寸大小、页面构成、常用字体、字号大小、配色、图片比例的统一、事件状态等。目前我最常用的画布大小就是px，可设计内容区域宽为1170px，高不限制、我这个主要是为了做响应式的（分了12栏，左右各留白30px，栏宽65px，间距30px），适用于前端哥哥使用的Bootstrap框架。大家做的话，可与前端工程师沟通，根据不同的情况，画布可以保持不变，可视内容区域宽在960-1200px就行了。当然有一些网站的可设计内容也会超过1200px，所以如果没有特殊要求的话，就按照常规的来就好了。有一个小细节需要特别注意的哦，设计网页时PS画布里的的1像素就等于网页上的1像素。所以，当按Ctrl+1看到的画布大小跟在浏览器上展示的差不多，如果你的画布是1920px,那网页的第一屏内容高度差不多是1080px。一般网页都由导航（header）、内容区域(content)、页脚(footer)构成。常见的导航方式有水平导航、垂直导航、文件树导航、手风琴导航、其他导航。但不管是哪种导航，常见的元素包含：品牌LOGO、菜单、搜索框、注册登录、联系方式、语言切换等，不同的网站需求不同，可自行选择。页脚一般包含：版权声明、使用协议、帮助中心、关于我们、友情链接、联系方式、二维码等。主内容区包含：轮播图、其他内容（需要根据产品需求与文案内容来定），可随意设计，主要是网站内容不同，适合自己公司的就行，没有太多规范。字体分中、英文两大类，一般网站中常用的中文字体：微软雅黑、宋体、苹方、兰亭黑；英文字体：Arial、Sans-serif、Tahoma、Helvetica 。大家可以免费使用的字体种类比较多，中英文各选择一种即可，切记不要太杂，茜茜常用的是微软雅黑+Arial。当然，你要是觉得这些都不好看，前端哥哥也是可以自定义字体的（自定义字体的话需提供字体***包给他们哦），前提是你用的字体最好是买过版权的，否则会吃官司的哟~（题外话，俺们公司就被某正给告了）这个也是大家比较关心的一个话题了吧，目前浏览器上系统能识别的字号最小为12px，小于12px以下是没有用的，茜茜亲测过哟。一般正文标题字号大小，茜茜会控制在14-18px之间（这是常规网站的，针对不同用户，字体可以适当修改哦），如果我导航栏的字体用了16px，正文字体标题也会用16px，正文字号则是14px。一个原则，导航栏与正文标题字号保持一致，正文字号比正文标题字号小2个像素，字号大小最好是整数哦，理不清的看下图：WEB端配色需要跟同款产品移动端的配色保持一致性，一般也是分为主色、辅助色、基础色。这里我就不多讲啦，之前在讲移动端设计规范的时候说过，详情戳这里哟同一元素的图片在不同终端，或者是在同一终端的不同位置上都要遵循一个原则，元素图片的比例要保持一致，不然后期运营起来，图片是会变形的。拿《UI中国》举个列子，例如在WEB端首页看到的作品或文章封面图的图片大小是280*210px（紫色框框里的图，红色框框里的图则为轮播图的尺寸），而我们上传作品或文章的封面图大小是560*210px，这就刚好是2倍的关系，到了其他页面封面图片的大小一定得按着这个比例或者接近此比例且最大尺寸不能超过560*210px，否则图片会失真，在设计《UI中国》移动端时，作品或者文章封面图的图片大小也得保持一致。什么叫做事件？就是用户在浏览器中触发元素的一个动作，比如当用户点击元素时启动的那一瞬间，就是发生了一个动作，产生了一种事件。目前WEB端常用的几种鼠标事件分别是默认、悬浮、点击，演变成我们设计的产物就是同一个元素会有正常状态（默认状态）、移入状态、选中状态、禁止状态，如下图所示：好啦，关于设计WEB端所需要注意的事项，茜茜今天就说到这里了。以上都是个人工作小结，不同的产品也应该根据具体情况去分析的哦。如果大家还有其他地方不明白的，可以写留言也可以关注我的公众号去后台留言哟！
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
39人已收藏
Ctrl+Enter
你的打赏就是我的动力！
悄悄说，听说打赏的人收入都比我高，不信你试试。
注: 打赏金额随意，完成后，请手动关闭本窗口。
Ctrl+Enter
您将要删除您的大作
作为UI设计师，你还不知道怎么设计网站？
在她入驻到UI中国的日子里
总共吸引了1915位设计师的驻足流连
总共收获了7位设计师的由衷赞赏
总共获得了39位设计师的悉心珍藏
总共引起了6位设计师的深入讨论
依然要删除吗？
扫描二维码去手机端查看海报