首页

色彩搭配,决定 PC 端界面设计成败的关键因素

鹤鹤

在 PC 端界面设计的广袤天地里,色彩搭配宛如一位隐匿却极具影响力的幕后推手,悄无声息地左右着设计的成败。当用户打开一款 PC 软件,最先映入眼帘的便是界面的色彩。它不仅构建起视觉的第一印象,更能在无形中影响用户的情绪、操作体验以及对产品的整体认知。接下来,让我们深入探索色彩搭配在 PC 端界面设计中的关键作用。

一、色彩的情感与心理暗示

色彩是有 “语言” 的,每一种色彩都蕴含着独特的情感与心理暗示。比如,红色热烈而充满活力,常被用于促销类界面,以激发用户的购买欲望;蓝色冷静且专业,深受办公软件和金融类应用的青睐,能给用户带来可靠、安心的感觉;绿色象征着自然与健康,适合健康养生类软件,营造出平和舒缓的氛围。了解这些色彩的特性,有助于设计师根据产品的定位和目标用户的需求,精准选择合适的主色调。

二、色彩搭配的原则

(一)对比度原则

适当的对比度能让界面元素更加清晰易读。在文字与背景的色彩搭配上,要确保足够的对比度,避免阅读困难。例如,深色背景搭配浅色文字,或者反之。但也要注意,过高的对比度可能会产生刺眼的视觉效果,需要把握好度。

(二)色彩和谐原则

和谐的色彩搭配能给人带来舒适的视觉感受。可以采用类似色搭配,如红与橙、蓝与紫等,它们在色相环上位置相近,搭配起来自然流畅;也可以运用互补色搭配,如红与绿、蓝与黄等,通过强烈的对比创造出鲜明的视觉冲击,但需要巧妙调和,防止过于刺眼。

(三)主辅色搭配原则

确定一个主色调作为界面的核心,然后搭配 1 - 2 种辅助色。主色调奠定整体风格,辅助色则起到补充和丰富的作用。例如,在一款以蓝色为主色调的办公软件中,可以搭配少量的橙色作为点缀,突出重要按钮或提示信息,使界面更加生动活泼。

三、不同类型 PC 端界面的色彩搭配策略

(一)办公类软件

办公类软件注重效率和专业性,通常采用简洁、沉稳的色彩搭配。以蓝色、灰色为主色调,搭配白色或淡色文字,营造出冷静、专注的工作氛围。同时,通过色彩区分不同的功能区域,让用户能够快速定位所需操作。

(二)游戏类软件

游戏类软件追求刺激、热血的游戏体验,色彩搭配往往鲜艳夺目、充满活力。多运用高饱和度的色彩,如红、黄、橙等,以及强烈的色彩对比,来吸引玩家的注意力,激发他们的兴奋感和参与度。

(三)阅读类软件

阅读类软件旨在提供舒适的阅读环境,色彩搭配以柔和、淡雅为主。常见的有米黄色背景搭配黑色文字,类似纸张和墨水的效果,减轻眼睛疲劳,让用户能够长时间沉浸在阅读中。

四、案例剖析

以某知名设计软件为例,它的界面采用了深灰色为主色调,搭配亮橙色的操作按钮和辅助线条。深灰色营造出专业、高端的设计氛围,亮橙色则在低调中脱颖而出,吸引用户的注意力,让关键操作一目了然。这种色彩搭配不仅符合软件的专业定位,还提升了用户操作的便捷性和视觉体验。
再看一款在线教育平台的 PC 端界面,主色调为浅蓝色,给人清新、舒适的感觉,契合教育的轻松氛围。同时,搭配绿色的进度条和提示信息,象征着学习的成长与进步。通过合理的色彩搭配,该平台在视觉上给用户带来愉悦的感受,增强了用户的学习积极性。
色彩搭配在 PC 端界面设计中占据着举足轻重的地位。它既是一门艺术,也是一门科学,需要设计师深入了解色彩的特性、搭配原则以及不同类型界面的需求。只有精心雕琢色彩搭配,才能打造出既美观又实用,能深深打动用户的 PC 端界面,在激烈的市场竞争中脱颖而出。

高效 PC 端界面设计,如何兼顾美观与实用?

鹤鹤

在数字化时代,PC 端软件和应用程序无处不在,无论是办公、娱乐还是学习,我们都离不开它们。一个优秀的 PC 端界面设计,不仅要美观,让用户赏心悦目,更要实用,能够高效地帮助用户完成各种任务。那么,如何在设计中兼顾美观与实用呢?本文将为你一一揭晓。

一、理解美观与实用的内涵

(一)美观的界面设计

美观的界面设计并非仅仅是视觉上的好看,它涉及到色彩的协调搭配、元素的合理布局以及风格的统一。色彩能够营造出不同的氛围,比如蓝色常给人专业、可靠的感觉,适合办公类软件;而橙色则充满活力,常用于娱乐类应用。合理的元素布局可以引导用户视线,让重要信息一目了然。统一的风格则能增强界面的整体感和品牌辨识度。

(二)实用的界面设计

实用的界面设计重点在于用户操作的便捷性和功能的高效实现。操作流程应简洁明了,避免繁琐的步骤。例如,文件保存功能应能让用户快速找到并完成保存动作。同时,界面要能准确传达功能信息,让用户无需过多思考就能明白每个按钮或菜单的作用。

二、平衡美观与实用的难点

在实际设计中,平衡美观与实用并非易事。有时为了追求美观,可能会采用一些复杂的设计元素或独特的布局,这可能会增加用户理解和操作的难度,影响实用性。反之,如果过于注重实用,界面可能会显得单调乏味,缺乏吸引力。比如,一些办公软件为了追求功能的全面展示,界面堆满了各种图标和菜单,导致用户眼花缭乱,降低了使用效率。

三、实现美观与实用兼顾的方法

(一)合理的布局设计

采用简洁清晰的布局结构,如常见的 “F” 型或 “Z” 型布局。“F” 型布局符合用户从左到右、从上到下的阅读习惯,适用于信息展示较多的界面;“Z” 型布局则更适合引导用户关注重要信息。同时,要合理划分界面区域,将相关功能模块放在一起,减少用户的操作路径。

(二)色彩的巧妙运用

选择合适的色彩搭配,避免过于刺眼或冲突的颜色组合。一般来说,主色调不宜超过三种,以一种主色调为主,搭配一两种辅助色。同时,要考虑色彩对用户情绪和注意力的影响。比如,在阅读类应用中,采用柔和的色调可以减轻用户眼睛的疲劳;而在警示类信息中,使用醒目的红色来引起用户的注意。

(三)元素的简洁与统一

界面元素要简洁明了,避免过多的装饰和复杂的图案。图标设计应具有明确的表意,让用户一看就懂。同时,保持界面元素风格的统一,包括字体、图标、按钮等,这样可以增强界面的整体感和专业性。

(四)用户反馈与迭代优化

在设计过程中,要充分收集用户的反馈意见。通过用户测试,了解用户在使用过程中遇到的问题和需求,根据反馈对界面进行迭代优化。不断调整和改进,才能使界面设计在美观与实用之间找到最佳的平衡点。

四、案例分析

以某知名办公软件为例,其界面设计简洁大方,采用了经典的蓝色调,给人专业、可靠的感觉。布局上,将常用功能如新建、打开、保存等放在显眼位置,方便用户操作。同时,通过简洁的图标和清晰的菜单,让用户能够快速找到所需功能。在不断收集用户反馈后,该软件持续优化界面,如调整某些功能的位置,使其操作更加便捷,同时也保持了界面的美观性。
高效 PC 端界面设计中,美观与实用并非相互矛盾,而是相辅相成的。通过合理的布局设计、巧妙的色彩运用、简洁统一的元素以及不断的用户反馈与迭代优化,我们完全可以打造出既美观又实用的 PC 端界面,为用户带来更好的使用体验。
 

3 类 UI 卡片优化技巧:从普通到精致的设计升级指南

涛涛

在 UI 设计中,卡片是承载信息的核心载体,无论是数据展示、榜单呈现还是权益说明,一张缺乏设计感的卡片往往会让信息传递效率大打折扣。很多设计师都曾遇到过作品被反馈 “不够精致”“没有设计感” 的问题,其实无需大刀阔斧的改动,找准优化方向、打磨细节,就能让卡片质感翻倍。本文结合实战案例,分享数据卡片、信息榜单、权益卡片三类常见 UI 元素的优化技巧,帮你快速提升设计精致度。

企业看板设计:商务管理界面的「轻量专业感」

高劲

当企业管理系统还困在 “表格堆砌” 与 “功能冗余” 的刻板印象中时,兰亭妙微为 Hydra Corps. 打造的企业看板界面,用「极简信息层级」与「商务柔色美学」,把复杂的企业运营数据转化为 “决策者一眼读懂的经营地图”。这不仅是一个管理面板,更是商务场景下 “专业与易用平...

超声机器人系统界面:医疗机器人的「双维协同」设计革命

高劲

当医疗机器人界面还停留在 “设备控制 + 数据展示” 的分离逻辑时,兰亭妙微这套超声机器人系统界面,以「影像 - 操作双维协同」的设计思路,重构了 “医生 - 机器人 - 患者” 的交互关系。它不仅是一个操作面板,更是医疗机器人领域 “精准性与易用性平衡” 的标杆案例。 一、视觉体系:医...

医疗设备 UX 设计:医疗界面的 “精准温度”

高劲

当医疗设备界面还困在 “专业壁垒” 与 “操作复杂度” 的矛盾中时,兰亭妙微为 LUTRONIC AM10(视网膜治疗设备)打造的 UX 设计,用「医疗级精准」与「人文式体验」,重构了医疗设备界面的价值逻辑 —— 它不仅是一个操作面板,更是 “医生与设备协作” 的...

架构可视化界面:技术复杂性的「轻量解构」

高劲

当后端服务架构还困在 “代码式晦涩” 与 “拓扑图杂乱” 的表达困境中时,兰亭妙微这套服务监控界面,用「可视化叙事」与「体验温度」,把抽象的网络链路变成了 “会呼吸的系统地图”。它不仅是一个监控面板,更是一场 “让技术架构被看见、被读懂” 的设计革新。 一、视觉体...

蓝蓝设计:某公司统一报送平台与非现场监管报表系统 UEUI 设计案例

高劲

3.png

在企业合规管理与监管报送的场景中,报表系统的 “高效性、准确性、易用性” 直接影响工作效率与合规风险。蓝蓝设计为某公司打造的统一报送平台、非现场监管报表系统 UEUI 设计,以 “流程简化 + 数据清晰 + 合规适配” 为核心,重构了监管报送类系统的交互与视觉体验,实现了复杂报表工作的轻量化操作。

一、设计定位:监管场景下的 “合规与效率平衡”

监管报表系统的核心痛点是 “流程繁琐、数据复杂、容错率低”,本次设计从用户实际工作场景出发,明确了三大定位:
 
  • 合规适配:界面布局与功能模块严格匹配监管报送的流程规范(如数据录入、校验、提交的步骤),避免操作偏差导致的合规风险;
  • 效率提升:通过模块化设计与智能交互,简化重复操作,降低数据录入与核对的时间成本;
  • 视觉友好:采用 “浅紫 + 白 + 灰” 的柔和配色体系,既符合企业级系统的专业调性,又缓解了长时间报表工作的视觉疲劳。
 
配色上,主色调选择低饱和度的浅紫色(契合企业品牌调性),辅以绿色(通过标识)、红色(预警标识)区分数据状态,关键操作按钮则用深紫色突出,实现 “视觉引导与信息分层” 的双重效果。

二、界面架构:从 “报送流程” 到 “数据管理” 的全链路覆盖

系统以 “监管报送全流程” 为核心,拆解为两大功能模块,覆盖 “数据准备 - 报表填报 - 进度管理” 的完整工作流:

1. 统一报送平台:流程化的 “报表填报界面”

平台界面以 “步骤引导 + 模块化录入” 的形式,简化了复杂的报表填报流程:
 
  • 顶部导航区:明确 “待办任务、已办任务、报表管理” 等功能入口,用户可快速切换工作场景;右上角的 “消息通知、用户中心” 则提供系统交互与个人设置通道;
  • 核心填报区:采用 “标签页 + 分栏布局”,左侧展示报表基础信息(如 “国办登记 2023000000001 50009 - 基础信息”),并以红色 “98” 标识当前填报进度(完成 98%),直观呈现工作状态;中间区域为数据录入模块,将报表字段拆解为 “必填项、选填项”,通过 “输入框 + 下拉选择” 的形式简化录入操作;右侧则是 “校验提示区”,实时反馈数据填写的合规性(如格式错误、字段缺失);
  • 底部操作区:设置 “暂存、保存、提交” 等操作按钮,用户可根据工作进度灵活选择,避免数据丢失 —— 其中 “提交并打印” 按钮整合了 “提交报表 + 生成纸质文件” 的功能,减少重复操作。
 
这一区域的设计逻辑是 “流程可视化”:通过进度标识、步骤引导,让用户清晰掌握当前工作节点,适配监管报送 “多步骤、高规范” 的需求。

2. 非现场监管报表系统:集约化的 “数据管理界面”

系统界面以 “列表 + 状态标识” 的形式,实现了多报表的集中管理与进度监控:
 
  • 筛选区:支持按 “时间范围、报表类型、状态” 筛选数据,用户可快速定位目标报表(如 “2023-01-01 至 2023-01-31” 的 “基础信息表”);
  • 报表列表区:以卡片式布局展示所有报表,每一张卡片包含 “报表编号(如‘编号 15423-154237795007’)、状态标识(绿色‘通过’/ 红色‘未通过’)、填报人、进度” 等信息,用户可直观了解各报表的当前状态;
  • 操作区:每一张报表卡片右下角设置 “编辑、查看、删除” 等快捷操作按钮,支持用户对报表进行二次修改或详情查看。
 
列表的设计亮点是 “状态可视化”:通过颜色与图标区分 “已完成、待提交、审核中” 等状态,例如绿色对勾代表 “报表已通过审核”,红色叉号代表 “报表未通过”,让多报表管理更高效。

三、交互体验:监管场景下的 “操作简化与风险控制”

针对监管报送 “高准确性、低容错率” 的需求,系统在交互设计上做了多重优化:
 
  • 实时校验:数据录入时,系统会实时检测字段格式(如日期、金额),并在输入框下方弹出提示(如 “请输入正确的手机号格式”),提前规避错误;
  • 状态引导:报表卡片的 “颜色标识 + 图标”,让用户快速识别异常报表(如红色标识的未通过报表),及时处理风险;
  • 快捷操作:整合 “提交 + 打印”“编辑 + 保存” 等高频操作,减少界面跳转 —— 例如填报完成后,点击 “提交并打印” 即可一键完成报表提交与纸质文件生成,提升工作效率。

四、设计价值:监管报送场景的 “体验与效率双升级”

对企业而言,这套 UEUI 设计的核心价值在于合规落地与成本降低
 
  • 合规风险降低:通过实时校验、流程引导,减少了报表填报的错误率,避免因不合规导致的监管处罚;
  • 工作效率提升:模块化录入、快捷操作等设计,将单报表的填报时间缩短了 30%,适配企业 “多报表、高频率” 的报送需求;
  • 管理成本优化:集约化的报表管理界面,让管理员可快速掌握所有报表的进度,降低了团队协作的沟通成本。
 
作为企业级监管系统的设计案例,蓝蓝设计的本次实践证明:专业场景下的系统设计,不是 “功能的堆砌”,而是基于工作流程的体验重构—— 通过界面布局、交互逻辑的优化,让复杂的合规工作变得 “高效、清晰、可控”。

 

蓝蓝设计:某基金公司投资行为分析平台暗黑模式 UEUI 设计案例

高劲

2.png

在金融投研场景中,从业人员常面临长时间盯屏、复杂数据解析的工作压力,“暗黑模式” 界面不仅能缓解视觉疲劳,更能通过色彩对比强化数据层级 —— 蓝蓝设计为某基金公司打造的投资行为分析平台暗黑版 UEUI 设计,正是以 “专业适配 + 体验优化” 为核心,构建了更贴合金融工作场景的高效操作界面。

一、设计定位:暗黑模式下的 “专业金融场景适配”

区别于常规界面的暗黑化处理,本次设计从基金投研的核心需求出发,重新定义了暗黑模式的价值:
 
  • 视觉友好:深灰底色搭配低饱和度辅助色,降低屏幕光线对眼部的刺激,适配投研人员 “长时间沉浸式工作” 的场景;
  • 数据聚焦:通过 “深色背景 + 高对比数据” 的组合,让 K 线、指标、预警信息更醒目,减少信息筛选的注意力损耗;
  • 专业调性:黑色系本身自带的 “严谨、冷静” 属性,与基金行业的专业定位高度契合,强化了平台的可信感。
 
配色体系上,设计团队以深灰(#1E1E1E)为基底,搭配红色(风险 / 收益突出)、青色(趋势 / 增长标识)、黄色(预警提示)等低明度高饱和色彩,既保证了视觉舒适度,又实现了数据的分层传递 —— 例如上涨数据用青色箭头标注,下跌数据用红色标识,关键指标则以亮白色加粗突出。

二、界面架构:从 “数据呈现” 到 “决策辅助” 的功能分层

平台以 “投资行为全链路分析” 为核心,将界面拆解为三大功能区,覆盖投研、监控、分析的全流程需求:

1. 顶部概览区:核心指标的 “一眼捕获”

界面顶部采用 “卡片式聚合” 设计,将基金运营的核心指标浓缩为 4 个数据模块:包含组合收益、波动率、最大回撤等关键数值,并以 “数字 + 趋势箭头” 的形式直观呈现变化方向(如 “1.00↑” 代表收益上涨 1%)。右侧的 “VIP・Service” 入口则提供定制化服务通道,满足专业用户的个性化需求。
 
这一区域的设计逻辑是 “优先级前置”:用户无需向下滚动,即可在界面最醒目的位置获取日常监控的核心数据,适配投研场景中 “快速掌握全局” 的需求。

2. 中部核心分析区:多维度数据的 “可视化拆解”

作为平台的功能核心,中部区域以 “模块化 + 联动交互” 的形式,实现了复杂投研数据的直观呈现:
 
  • 资产配置模块:通过环形图展示股票、债券、现金等资产的占比结构,鼠标悬浮时会弹出具体数值与行业分布详情,帮助用户快速掌握组合的风险敞口;
  • 趋势分析模块:以双折线图对比 “组合净值” 与 “业绩基准” 的走势,支持按时间周期(日 / 周 / 月)切换,同时用不同颜色的曲线区分多组数据(如黄色代表 “基准收益率”,青色代表 “组合收益率”),让趋势差异一目了然;
  • 个股监控模块:以表格形式呈现持仓个股的详细数据,包含 “最新净值、涨跌幅、持仓金额” 等信息,并通过红色 / 绿色标识涨跌状态 —— 例如某只个股的 “-44,600.84↓” 代表亏损 44600.84 元,红色字体强化了风险提示。
 
模块之间支持联动交互:点击资产配置环形图的某一板块,趋势分析与个股监控模块会同步筛选对应资产的相关数据,实现 “从全局到局部” 的穿透式分析。

3. 右侧功能区:工具与策略的 “快捷调用”

界面右侧设置 “Investment Insight/Plan” 功能入口,提供策略生成、投资计划定制等工具 —— 用户点击后可进入策略回测、组合优化等专业功能模块,实现 “分析 - 决策 - 执行” 的闭环操作。
 
这一区域的设计亮点是 “轻量化入口”:将非高频但关键的功能收纳于侧边,既避免了主界面的信息过载,又保证了工具的便捷调用。

三、交互体验:专业场景下的 “操作效率优化”

针对金融投研 “高效、精准” 的操作需求,平台在交互设计上做了多重适配:
 
  • 悬浮交互:鼠标 hover 至图表、数据模块时,会自动弹出详细信息(如环形图某一板块的具体占比、个股的持仓明细),无需点击即可获取深度数据;
  • 快捷筛选:所有图表均支持 “时间范围拖拽选择”“数据系列勾选” 等操作,用户可快速聚焦目标数据,减少冗余信息的干扰;
  • 预警可视化:当数据触及风险阈值时,界面会自动以 “红色闪烁 + 箭头标识” 突出提示,例如个股亏损超过设定比例时,对应的表格行会呈现红色背景,帮助用户及时捕捉风险点。

四、设计价值:暗黑模式下的 “专业体验升级”

对基金公司而言,这套暗黑版 UEUI 设计的核心价值在于适配场景 + 提升效率
 
  • 场景适配:深色调界面缓解了长时间盯屏的视觉疲劳,更贴合投研人员的工作习惯;
  • 效率提升:数据的分层呈现与联动交互,让复杂投研工作的信息筛选时间降低了 40%;
  • 风险可控:可视化的预警标识与穿透式分析,帮助投研团队更及时地捕捉潜在风险,提升了决策的精准性。
 
作为金融 UI 设计的细分场景实践,蓝蓝设计的本次案例证明:暗黑模式并非简单的 “界面换色”,而是基于场景需求的体验重构—— 通过色彩、布局、交互的协同设计,让专业工具更贴合用户的实际工作,实现 “效率与体验” 的双重提升。

 

跨设备交互设计挑战——从桌面到移动端的体验差异

清阳

在当今多设备环境下,用户在桌面电脑、平板和手机之间频繁切换,如何保证跨设备的一致性与高效体验,成为交互设计师必须面对的挑战。本文将从桌面到移动端的体验差异出发,分析设计难点,并提出可行策略,帮助设计师在多端产品中提供流畅的用户体验。

一、桌面端与移动端的核心差异

桌面端与移动端在硬件和使用场景上存在明显差异,这直接影响交互设计策略。

差异点 桌面端 移动端
屏幕尺寸 大屏,多窗口操作 小屏,单窗口操作
输入方式 键盘 + 鼠标 触摸手势,虚拟键盘
使用场景 相对静态,坐在办公桌前 高移动性,随时随地
信息密度 高,可同时显示大量信息 低,需要分步呈现
用户注意力 较集中 容易分散,中断频繁

这些差异意味着同一个功能在不同端呈现时,需要设计师考虑操作便捷性、信息层级和交互反馈。


二、跨设备交互设计面临的挑战

  1. 信息架构适配
    桌面端可以同时展示复杂的菜单、工具栏和数据表,而移动端屏幕有限,需要对信息进行优先级排序,避免过度压缩导致用户迷失。

  2. 操作方式差异
    桌面端依赖精确的鼠标点击和快捷键,而移动端主要是手指触控和手势操作。设计中必须考虑目标区域大小、滑动交互和误触率。

  3. 功能分布与流程优化
    某些功能在桌面端可以一次性完成,但在移动端可能需要分步操作。例如,批量处理、复杂表单填写等,需要拆分流程或提供辅助工具。

  4. 视觉一致性与品牌体验
    保持跨设备的视觉统一性,同时针对不同屏幕进行适当调整,是设计师的常见难题。图标、字体、色彩需要兼顾品牌识别和可读性。

  5. 性能与响应性
    移动端网络环境可能不稳定,页面加载、动画响应需要优化,否则会破坏整体体验。


三、解决策略与设计建议

  1. 优先级重排与模块化设计
    在移动端只保留核心操作和信息,将辅助功能隐藏在二级菜单或弹窗中。同时,模块化设计可以方便不同端的组件复用。

  2. 触控友好设计
    增加触控目标尺寸(推荐 44px × 44px 以上)、简化手势操作,提供清晰的视觉反馈和动画引导。

  3. 响应式布局与自适应组件
    利用响应式网格和自适应组件,确保内容在不同屏幕下都能清晰呈现。对于复杂功能,可采用折叠面板或分步流程。

  4. 跨端设计规范
    制定统一的设计规范,包括色彩、排版、图标风格和交互模式,确保用户在不同设备之间切换时感受一致。

  5. 性能优化与异步加载
    对移动端进行性能优化,使用懒加载、占位符、渐进式加载等技术手段,保证流畅体验。

跨设备交互设计的核心目标,是在不同硬件和使用场景下保证用户体验的一致性与高效性。桌面端与移动端存在的差异,需要设计师在信息架构、操作方式、流程优化、视觉规范和性能优化上做出针对性调整。通过模块化、响应式布局和统一设计规范,可以在保证品牌体验的同时,让用户在任何设备上都感到自然流畅。

跨设备设计不是简单的“搬运”,而是“优化再创造”。理解用户场景、洞察交互痛点,是设计师跨端设计成功的关键。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档