WEB/APP-任天堂Nintendo概念设计[2020]
上海/UI设计师/1年前/119浏览
版权
WEB/APP-任天堂Nintendo概念设计[2020]
🎨 任天堂 Nintendo Vision Redesign
这是我为 Nintendo 打造的一个概念视觉改版项目。作为一个设计师,同时也是一位 Nintendo 的忠实玩家,我一直想为这个童年品牌注入一份新的活力——既保留它经典的味道,又赋予它现代的设计语言。
💡 项目灵感 & 初衷
这个项目的初衷,是重新思考 Nintendo 在多平台(TV / 手持 / 移动端)上的交互体验与视觉表现。我希望它更轻盈、更年轻,但不失其标志性风格。因此,我围绕以下几个核心原则来展开设计:
🧠 核心设计理念
1.【品牌一致性】
任天堂的红色,是这个品牌最有力的视觉标签。我坚持将这个红色(#D60A0A)作为核心主色调,同时搭配辅助色(黄、绿、蓝、黑),让整个系统在视觉上保持统一、鲜明。
2.【多平台体验统一】
不管你是在 TV 上玩,还是在 Switch 上操作,甚至是在手机上浏览商店,都能感受到一致的结构与逻辑。设计上我使用了统一的网格系统、导航逻辑和按钮样式。
3.【模块化思维】
整套 UI 是用模块化方式搭建的,每一个组件都可以复用、组合,未来可以很方便地进行拓展与迭代。
4.【情感化交互】
马里奥、路易吉、林克……这些角色不仅是游戏主角,也变成了 UI 的小帮手,他们的表情和互动,让系统更有温度。
🕹 游戏详情 & 商店系统
- 我为每款主打游戏设计了专属的页面风格,配合游戏本身的主题与色调,提升沉浸感。
- 商店页的 UI 体验重新构思,强调信息可视化和操作流畅度。
- 移动端设计也保持统一语言,结合购物流程进行优化,让购买变得轻松直观。
📱 Amiibo 系统页面
Nintendo 的实体+虚拟结合是一个非常独特的策略。我为 Amiibo 打造了一个更具沉浸感的展示页面,你可以像在玩具店一样浏览、挑选、了解每个角色。
这不仅仅是一个 UI 改版项目,它是我对 Nintendo 的一次情感表达,也是我作为设计师对品牌、体验、系统三者融合的实践探索。
4
Report
声明
2
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
4Log in and synchronize recommended records
2Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share

 - 游戏UI - 站酷设计师ZOOEY_Z原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/67e5a71676fbeh5k1mmyv67080.jpg?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
 - 游戏UI - 站酷设计师ZOOEY_Z原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/67e5a71674bf91hbwh3abo6877.jpg?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
 - 游戏UI - 站酷设计师ZOOEY_Z原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/67e5a7161d7bds6f4qv4kr7060.jpg?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)
 - 游戏UI - 站酷设计师ZOOEY_Z原创素材 - 站酷ZCOOL](https://img.zcool.cn/community/67e5a71679c830ue7pylbl8527.jpg?x-oss-process=image/saveexif,1/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100/quality,q_100)

![视觉-LOGO练习-LOONG电音音乐视觉识别[2024]](https://img.zcool.cn/community/67eae8ecd59de3k226o93c9812.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)



![视觉-圣诞插画[2024]](https://img.zcool.cn/community/67e59f36a3fb0spevgi4ii179.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![WEB/APP-音乐发行-星球发行[2020]](https://img.zcool.cn/community/67e5af0eab83d2oq8x4kfh1131.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)





![APP-小红书商城改版练习[2020]](https://img.zcool.cn/community/67e5d7ccd53a9lz9kxl3l94181.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![视觉-音乐BANNER[2019]](https://img.zcool.cn/community/67e8db8f648ccx7y703b1q47.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![全渠道视觉运营设计方案汇总-音乐[2018]](https://img.zcool.cn/community/67eae81664ef78e8t71vij6142.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![APP-Rhythn音乐概念稿[2017]](https://img.zcool.cn/community/67daf15648c021we24pnx56567.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
![2套网页设计[2017]](https://img.zcool.cn/community/67dae7a5350fdqbu09zswp4354.png?x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)
































































