2024年游戏网页设计赏析 篇1
首先我不是从事游戏UI的工作，其实网站，产品UI，平面设计师，我从我的角度回答一下。
游戏UI大致分为三四种方向，第一是人设、场景CG设计。第二是游戏页面设计，比如工具栏、道具绘制、登录页面，设置页面等。第三3D建模设计师，根据CG人设制作3D模型。第四动效设计师，游戏里、人物、道具，渲染等场景等动效设计。首先了解了游戏UI方向分类才能有针对的加强自身鉴赏能力。
问题问到的是“鉴赏”并不是制作和设计。这就和艺术圈由艺术家和评论家、批评家一样。鉴赏不一定要具备很强的实战设计能力，不过一定要有广阔的眼界和评判好坏的能力。
增加鉴赏能力首先要多看，多看国内国外优秀的游戏作品。国外的如暴雪、拳头、EA、任天堂、Vivendi等。国内的腾讯、网易、盛大、搜狐畅游、飞鱼等。看得多了自己的眼界自然提高了，在自己脑子里形成了评判标准。
第二多玩，多玩优秀的游戏作品。游戏UI不比传统设计，游戏UI要考虑到对操作和游戏舒适度的影响，有的炫酷的游戏UI操作时对玩家有着负面的干扰和影响也不能称之为优秀的游子UI。所以了解游戏体验、交互和游戏UI的关系也是要增强的。
第三尝试去多做。虽说单纯的鉴赏不是一线设计师的话不需要很强的实战能力。但是“纸上谈兵”终归是虚的不实际的。所以适当的去制作，了解创作的技法、思维过程、实现手法等对鉴赏作品有着很好的帮助，可以看到作品的本质，不再是表面的评价。
第四增强自身的艺术修养。游戏UI要求设计师艺术功底极强，所以奖赏者也要跟上艺术品位。艺术都是相通的、相互影响的，一个人设的结构，一个场景的透视，一个作品的颜色其实都是设计师艺术底蕴的表现。
第四了解游戏市场。游戏和市场是紧密相关的，有时游戏UI对市场的推广是极其有帮助的。例如“纪念碑谷”玩法相对简单，但是UI视觉方面是一个风格的创新，并产生了很大的影响，可以说是极其成功的UI设计。所以了解市场也是很有必要的。
综合上面四个方面相信对你略有帮助，希望你在自己的职业艺术道路上顺路。
喜欢可以关注头条号，更多文章持续更新。
2024年游戏网页设计赏析 篇2
插画
01
Flow Lava
https://flowlava.club/
一个免费的插画库！
02
Open Peeps插图库
https://www.openpeeps.com/
60万个手绘人物插图库，免费可商用
03
undraw
https://undraw.co/illustrations
这是一个插画网站，每幅画都是作者自己话的不定时更新，大多都是扁平化PNG图。
04
Tim Ruffle
http://www.timruffle.com/
插画设计-提供丰富的原创动漫、插画、动态漫画等，各种非常有创意的作品集合
创意
01
abduzeedo
https://abduzeedo.com/
设计灵感网站。涵盖建筑、图书、品牌、设计以及其他领域，除了看到这些精彩的作品外，你还能看到作品背后的创作过程。
02
BODIES IN MOTION
bodiesinmotion.photo
BODIES IN MOTION 是英国著名的设计师、摄影师、雕塑师斯科特·伊顿的网站，旨在记录人体动态姿势的力量和美丽。
03
Creativen Boom
https://www.creativeboom.com/
《Creativen Boom》是英国的一家成立于2009年创意行业杂志，以艺术，手工艺，设计，插图，摄影为重点，其中插画专题栏介绍。介绍了大量插画类别的优秀内容，每一个插画专题点进去都有对插画师的介绍，以及插画背后的故事，可以激发你的想象力。
艺术
01
Colossal
https://www.thisiscolossal.com/
展示各类艺术作品，雕塑、绘画甚至科技创新也有涉及。
02
Artparasites – How Art you today
http://www.artparasites.com/
柏林艺术网站，聚焦城市艺术。作品与都市生活息息相关，一个风格独特的艺术网站。
03
streetartutopia
https://streetartutopia.com/
街头艺术乌托邦 ，展示世界各地的街头艺术。
04
American Art Collector
https://www.americanartcollector.com/
美国艺术杂志，包含世界级藏品的解析。
素材
01
pngimg
http://pngimg.com/
一个很优秀的免抠PNG图片网站，
上面收藏了近8W的免抠素材，
直接下载就可以使用。
02
stickpng
https://www.stickpng.com/
StickPNG 是一个免抠背景图片的素材网站，网站所有图像都是已经去背景，无需再次抠图，同时这个网站拥有多种流行常用的分类资源，目前已有数28000+张透明 PNG 背景图像免费下载。
03
iconstore
https://iconstore.co/
IconStore 是一个提供一流的免费图标包素材的站点，汇集了很多优质的icon素材，设计师可以自由下载使用，适用于网页设计、移动端设计等，所有的素材都是由设计师自愿分享的，发布日期、尺寸、数量、文件类型、所属设计师等信息比较详细。
04
Flow Lava
https://flowlava.club/
一个致力于帮助网页设计师、产品设计师寻找最优秀的网页素材、优秀代码、免费字体及其他各种资源的站点
网页
01
awwwards
https://www.awwwards.com/
Awwwards是一个专门为设计精美bai的网站以及富有创意的网站颁奖的du网站，Awwwards上的获奖网站来自zhi全世界优秀的网页设计dao师之手，网站每天评选出一个“Site of the Day”。如果你想学习国外优秀设计网站的设计思路，可以从Awwwards找到大量的实例。
日本风
01
Flow Lava
https://flowlava.club/
Webデザインリンク集：一个日本的优秀网页赏析网站，非常精美
02
Cinra
https://fcinra.net
日本网站，分享设计师专访，帮助了解设计师思维演进过程
03
Straightline
bm.straightline.jp
这是一个收藏日本优秀的商业、企业、创意、艺术、购物等领域的网页设计集合网站，风格包罗万象，非常值得一看。
04
日本デザインネットワーク（日本设计网）
https://www.japandesign.ne.jp/
这个网站包含的门类较多，有艺术、图形设计、建筑设计、建筑、映像、照片、媒体设计、时尚、娱乐等等，还有关于日本各大学学生的毕业作品展，它是一个制造、使用、思考人的设计信息网站。通过这个网站你可以找到其他与之相关的设计类网站，如同泉水源源不断，而且不需要翻墙就可以浏览，很棒的！
05
日本デザインセンター（日本设计中心）
Nippon Design Center, Inc
https://www.ndc.co.jp/
这个网站，网页简洁，不像国内的一些网站，满网页密密麻麻的，还时不时冒出个网游广告和色情小广告啥的，比如淘宝，眼花缭乱的，看着都烦，更别说购物了。这上面主要是一些设计方面的作品，包括建筑、室内、平面、工业等等。个人觉得非常不错，开眼界，推荐给大家，此站不需要翻墙也可以浏览，但是打开较为缓慢，最好是翻墙看吧。如果不懂日文也没关系，网页右上角可以切换成中文页面。
06
日本设计网
デザイン情報サイト[JDN]
https://www.japandesign.ne.jp/
该设计网站包含诸多门类，可以给各行各业的设计师们提供灵感。通过这个网站还可以找到其他与之相关的设计类网站，超方便！
更多艺术留学知识关注公众号：KDA课达艺术空间
2024年游戏网页设计赏析 篇3
在学习UI设计的过程当中，特别想学或者零基础的人来说，需要学习到很多知识，比如软件 PS AI ，理论 色彩 排版 规范 UE 等，这些都是一名UI设计师需要学习的知识，而学习到这些知识，可以通过视频，书籍，网站，培训等多种方法学习，今天就和大家推荐下学习设计所要看的一些书籍。
一、《设计心理学》
内容简介：
设计心理学是设计专业一门理论课，是设计师必须掌握的学科。设计心理学是建立在心理学基础上，把人们心理状态，尤其是人们对于需求的心理通过意识作用于设计的一门学问。它同时研究人们在设计创造过程中的心态。以及设计对社会及对社会个体所产生的心理反应，反过来在作用于设计，使设计更能够反映和满足人们的心理作用。
推荐理由：
心理和情感激发是鼓励用户付诸行动一个的宝贵工具。激发包括像内疚和担心的这样的情绪，当然还包括吸引人的那种归属感和人的价值观念认可。
在设计中结合激励性情绪的通常做法是如果网站上的广告语言，再加入一些图形元素作为辅助支持，使用图片和图表加强激励效应。
二、配色设计原理
作者：
佐佐木刚士，1978年出生于神奈川。大学毕业后，进入WORKS CORPORATION公司。在入社仪式上发表了题为“我喜欢的颜色是粉色。我喜欢的食物是茶碗蒸”的谜语一般的自我介绍，使公司的前辈职员和上司大为吃惊。他曾经工作于月刊《DTPWORLD》编辑部，现在以自由作家、编辑的身份从事各种活动。
简介：
怕配色理论枯燥冗长么？怕技巧方法不够实用么？《配色设计原理》保证让您学到实用而又系统的配色知识！《配色设计原理》通过简明易懂的示例作品，逐条讲解了绝对不可背离的配色理论；将具体的设计案例进行修改前后的对比，分析了如何才能使配色更具效果和表现力；根据希望达到的不同表现效果和目的，展现了设计师必须要了解的配色技巧；介绍了在理论无法适用时应对的配色设计方法；讲解了基本的色彩知识和易用的PhotoShop技法；刊载了日本目前活跃、专业的设计师的主题性访谈。
三、《破茧成蝶》《破茧成蝶2》
内容简介：
本书从用户体验设计师的角度出发，系统地介绍了其职业生涯中的学习方法、思维方式、工作流程等，覆盖了用户体验设计基础知识、设计师的角色和职业困惑、工作流程、需求分析、设计规划和设计标准、项目跟进和成果检验、设计师职业修养以及需要具备的意识等，力图帮助设计师解决在项目中遇到的一些常见问题，找到自己的职业成长之路。
推荐理由：
这本书简单明了的从用户体验方向出发，把你的设计更人性化，更符合用户的预期范围，更注重用户体验，让你设计出来的作品更容易说服甲方爸爸。互联网下半场来袭，从业者需要做出怎样的变化，以应对风云突变的大环境呢？本书主要讲述“用户导向”的用户体验设计师，与“业绩导向”的产品经理，在瞬息万变的互联网新时代如何顺势转型成“以产品价值为中心”的产品设计师的过程；作者结合数年来从事互联网产品架构和设计工作的思路，融会贯通，提炼出顺应新 时代的互联网产品设计内在规律，旨在帮助读者在波涛汹涌、充满不确定性的大环境下，改变命运，不惧未来！
四、《形式感》
内容简介：
《形式感+:网页视觉设计创意拓展与快速表现》可以帮助有一定基础的网页设计初学者或在职者，在遇到设计创意瓶颈时，能够在较短的时间内解决设计上的创意和视觉形式感的问题。不论是应对紧急的工作需求或是求职面试都能够给观者一个新颖的视觉表现。
推荐理由：
很多小伙伴在设计的时候都只是为了好看而设计，如果你的设计加上一些故事是否更生动呢，本书很多结合生活中的案例用故事引导的形式展示在案例中，希望你看完此书你的设计也是一个有故事的设计，有故事的设计会给你的设计加分哦。
五、《简约至上》
内容简介：
作者Giles提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约至上的终极策略，讲述了为什么应该站在主流用户一边，以及如何从他们的真实需求和期望出发，创造出历久弥新的用户体验。
推荐理由：
追求简单易用是人类的本性，无论是互联网产品，还是移动应用，亦或其他交互式设计，简单易用始终都是赢得用户的关键。
六、《用户体验要素》
内容简介：
本书用简洁的语言系统化地诠释了设计、技术和商业融合是最重要的发展趋势。全书共8章，包括关于用户体验以及为什么它如此重要，认识这些要素、战略层、范围层、结构层、框架层、表现层以及要素的应用。 全书用清晰的说明和生动的图形分析了以用户为中心的设计方法(UCD) 来进行网站设计的复杂内涵，并关注于思路而不是工具或技术，从而使你的网站具备高质量体验的流程。
推荐理由：
很多设计师设计都仅从设计的角度出发，排版、布局、色彩搭配是否和谐，做出来的设计稿总不如人意，本书从用户体验 的角度出发，帮你简单明了的了解什么是要素、战略层、范围层、结构层、框架层、表现层以及要素的应用及方法，从而使你的设计更加的接近用户的心里；
七、《在你身边为你设计》
内容简介：
—腾讯的用户体验设计之道。本书内容包括：设计理念、设计方法、用户研究、体验设计、设计流程和工具，以及团队成长与管理等方面的知识与经验分享。
推荐理由：
很多设计师只知道依葫芦画瓢的设计，但是却不知道自己设计这个产品有什么原理，用的是什么方法，针对的用户是什么，它能够给客户带来什么？当甲方爸爸问到的时候一无所知，希望你读完本书可以学到一些，能轻松解决甲方爸爸的尴尬问题，最终你的作品是一个有理有据的活生生的作品。
八、《交互设计精髓》
内容简介：
研究交互设计，交互设计一门综合性很强的学科，包括逻辑学，计算机科学，心理学，社会学，认知学，视觉设计等等。很多设计认为，交互设计就是画画原型，做一些页面的基本跳转等再简单不过的事情。等踏入这个行业以后，价值观彻底被颠覆了，有没有！我们只有沉下心来，慢慢学，慢慢做....
推荐理由：
在工作中，常常市场研究和用研把研究结果隔着窗户扔给了设计或者程序员，对着冷冰冰的用研报告是很难能设计成用户想要的产品的。解决方案就是设计人员参与到用户研究的过程中，与用户进行直接而广泛的接触，那么，设计出来的产品也一定会让用户所喜欢的。让设计人员参与用户研究，设计人员可以参与用户访谈过程，并做一下访谈记录等。
九、《UED体验设计之旅》
内容简介：
《腾讯网UED体验设计之旅》是腾讯网UED的十年精华输出，涵盖了丰富的案例、极富冲击力的图片，以及来自腾讯网的一手经验，通过还原一系列真实案例的幕后设计故事，从用户研究、创意剖析、绘制方法、项目管理等实体案例出发，带领读者经历一场体验设计之旅。
全书核心内容涉及网媒用户分析与研究方法、门户网站未来体验设计、H5技术在移动端打开的触控世界、手绘原创设计、改版迭代方法、文字及信息图形化设计、媒体产品的交互设计、大项目设计管理方法等。
推荐理由：
很多设计师接触的工作比较单一，可能是单一的APP或网页设计，《腾讯网UED体验设计之旅》这边书设计的领域比较广，包括网页、APP、专题、微信、H5、字体、图形等一系列设计，读完这本书希望给你的设计成长之路更广；
十、《交互设计精髓》
内容简介：
研究交互设计，交互设计一门综合性很强的学科，包括逻辑学，计算机科学，心理学，社会学，认知学，视觉设计等等。很多设计认为，交互设计就是画画原型，做一些页面的基本跳转等再简单不过的事情。等踏入这个行业以后，价值观彻底被颠覆了，有没有！我们只有沉下心来，慢慢学，慢慢做....
推荐理由：
在工作中，常常市场研究和用研把研究结果隔着窗户扔给了设计或者程序员，对着冷冰冰的用研报告是很难能设计成用户想要的产品的。解决方案就是设计人员参与到用户研究的过程中，与用户进行直接而广泛的接触，那么，设计出来的产品也一定会让用户所喜欢的。让设计人员参与用户研究，设计人员可以参与用户访谈过程，并做一下访谈记录等。
十一、《动静之美》
内容简介：
笨书向读者全面细致地介绍了Sketch的使用方法，以及和Sketch无缝衔接的几款交互动效软件的使用方法本书不局限于软件本身的使用，更多的是设计思路和设计规范等内容的分享，让读者在掌握UI设计和交互动效设计精髓的同时彻底掌握Sketch，并能用keynote、principle和pixate等软件进行交互动效设计。
推荐理由：
随着UI设计师的市场竞争越来越激烈，单一只会做用PS、AI设计的已经不能轻松在市场立足了，很多企业要求设计师会Sketch，Keynote、principle、pixate等软件。
十二、《新印象 解构UI界面设计》
这是一本全面介绍UI设计的书，是帮助初级和中级读者快速学习UI设计知识、技巧和操作的参考书。
本书从UI设计基础入手，结合大量的案例分析和针对性实战，全面深入地阐述了UI设计的界面类型、界面构图、版面布局、元素运用、界面用色、设计原则与规范、切图与标注、图标设计及艺术二维码设计等方面的内容。
本书共9章，每章分别介绍一个板块的内容，讲解细致，案例分析与实战数量丰富。通过丰富的实战练习，读者可以轻松而高效地掌握UI设计的相关技术。