大厂案例!PC端地图页面交互设计规范复盘
业务场景与设计规范的演变地图页面布局变得多样化，要求设计规范能够覆盖“左侧面板+地图底图”到“多面板+地图底图”的复杂布局。尺寸规定变得必要，以适应不同设备分辨率，确保信息清晰和地图操作空间充足。 竞品与设计洞察通过对比竞品，我们发现地图下钻交互、布局和控件升级的重要性。
PC端与移动端交互原型图制作：掌握在不同平台上制作交互原型图的技巧，确保设计符合平台规范。 设计趋势与图标设计：紧跟设计趋势，学习如何设计符合时代审美的图标。 界面设计规范与切图标注：了解并掌握界面设计规范，确保设计的一致性和易用性；同时学会切图标注，为开发阶段做好准备。
此外，对于PC及移动端界面设计的流行趋势有深入理解，掌握PC端与移动端设计规范及界面设计的要点，切图标注以及高保真交互等技能将为设计师的职业发展奠定坚实基础。
如上图所示，UI设计主要在于通过对用户界面的色彩，布局，文字排版等方面进行设计，以保证整体界面的美观。UI交互设计案例：我们这边选取一个简单的UI交互作为案例，这个交互的效果是通过点击UI界面中按钮出现不同的图片。这种将交互体现在UI界面上的设计，就是UI交互设计。
移动端一般指移动互联网终端，也就是通过无线技术上网接人互联网的终端设备，它的主要功能就是移动上网。在移动互联网时代，终端多样化成为移动互联网发展的一个重要趋势，除了手机之外还包含Pad、智能手表等。 PC端UI设计 PC即Personal COMputer （个人计算机）的简称。
比如，在Sketch中制作美妆项目的页面和设计移动端界面规范，以及如何设计启动页、引导页和ASO市场推广页，还有弹窗页的设计。这些设计工作需要深入了解移动端界面分类强化，PC端网站流程和设计规范，并能够进行PC端页面设计制作。交互设计方面，需要掌握用户体验的基础技能，以及全局交互文档的编写。
交互设计要学什么
1、设计基础理论 设计思维：学习如何运用设计思维来解决问题，这是交互设计的核心思维方式。用户体验（UX）设计：深入理解用户体验的基本概念和原则，确保设计以用户为中心。品牌设计：了解品牌如何影响用户体验，以及如何在设计中融入品牌元素。
2、交互设计需要学习的内容主要包括以下两个方面：产品交互UI设计基础 Sketch软件实操技巧：熟练掌握Sketch软件，这是进行交互设计的重要工具。 项目全流程与产品认知：了解项目从概念到上线的全流程，深入认识项目产品，为后续设计打下坚实基础。
3、交互设计主要需要学习以下内容：用户需求分析与梳理：用户研究：学习如何通过问卷调查、访谈、用户观察等方法深入了解目标用户的需求和期望。需求梳理与优先级排序：将收集到的用户需求进行整理和分析，确定产品的核心功能和用户故事，并根据业务目标和用户价值对需求进行优先级排序。
4、交互设计需要学习的内容非常广泛，主要包括以下几个方面：软件应用与设计基础知识 基本软件应用：熟练掌握Adobe Photoshop CC等设计软件，这些软件是进行交互设计的基础工具，能够帮助设计师实现设计想法。设计基础知识：了解色彩搭配、排版布局、图形构成等设计基础知识，这些是设计作品美观性和可读性的基础。
携程网首页代码(携程网首页案例制作)
1、用户体验：携程网首页注重用户体验，通过简洁明了的布局、直观易用的交互设计以及丰富的旅游产品信息，为用户提供了优质的购物体验。技术创新：携程网在首页开发中不断引入新技术和创新点，如响应式设计、动态效果实现等，提高了页面的美观度和互动性。
2、携程的股票代码是CTRP。携程，全名携程网，是中国知名的在线旅游服务提供商。携程于2003年在纳斯达克上市，其股票代号CTRP。股票代码是企业在证券交易所上市的唯一标识，对于投资者而言，股票代码是参与股票交易、进行买卖操作的基础。对于携程这样的上市公司来说，股票代码是其资本市场身份的重要标识。
3、在浏览器的地址栏中输入，这是携程网的官方网址。按下回车键后，即可直接跳转到携程网的官方网站。通过搜索引擎进入：打开常用的搜索引擎（如百度、谷歌等）。在搜索框中输入“携程网”或“携程官网”。
4、访问携程官网：首先，在浏览器地址栏中输入“携程”或“ctrip.com”，搜索并点击进入携程官方网站。寻找注册入口：在携程网站首页的右上角，可以找到一个明显的“注册”按钮，点击它进入注册页面。
