一套UI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。...

最新推荐文章于 2023-03-21 18:04:34 发布
最新推荐文章于 2023-03-21 18:04:34 发布
阅读量1.6k 收藏
点赞数
分类专栏： UED 文章标签： ui 前端 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_7149/article/details/82613263
版权

这一套UI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。

大家可以借鉴下，学会自己设计一套APP设计规范，成为高级设计师。但是不要生搬硬套，毕竟不是一个产品，总之可参考的价值很高。大家自己吸收吧!

最低0.47元/天 解锁文章
iteye_7149
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UI设计规范.zip
06-11
"UI设计规范.zip" 文件提供了一套适用于Web开发的全面UI样式，旨在帮助设计师和开发者创建风格统一、易用的网页界面。 首先，"UI设计规范"通常包括以下几个核心组成部分： 1. **颜色方案**：定义了品牌的主色调、...
UI设计规范-全文篇
热门推荐
小向资源网博客
05-24 1万+
目录 UI设计规范 1 1. 界面规范 1 1.1. 总体原则 1 1.2. 原则详述 2 1.2.1. 用户控制 2 1.2.2. 清楚一致的设计 2 1.3. 细节约定 3 1.3.1. 界面风格 3 1.3.2. 统一术语 14 关于UI规范的几点意见 15 深圳UI设计交流QQ群：611531774 UI设计规范 1. 界面规范 1.1. 总体原则 l ...
UI设计师必备技能：APP 界面设计原则
最新发布
zy1992As的博客
03-21 695
一款好的手机APP设计作品，配色占70%左右，其他30%则分布到排版文字设计、图形处理等方面，并可添加合理的色彩应用界面的合理性对于帮助操作者快速发现界面的关键信息，获得更好的视觉效果有着重要的作用。点睛色一般使用饱和度和明度较高的颜色，点睛色一般与主色相反，主色明度高，点缀色一般用深颜色或饱和度高的颜色，反正明度低，点睛色饱和度明度高的颜色。设计师在对APP布局前，对应用的功能需求有清晰的把握，在每一级别的页面，应该清楚知道整个应用的界面跳转和层级关系，明确每个页面的凸现信息。尽量使用，矢量图形。
APP设计规范
Sir的专栏
03-04 3013
中文字体：苹方、冬青黑体英文字体：Helvetica、San Francisco切图时，切px（像素）单位即可，终端自动换算成pt单位iOS的app_icon是不需要带圆角切的，系统会自动处理。常规的app-icon全套图标尺寸一共有7套，分别有：40x40px、60x60px、58x58px、87x87px、80x80px、120x120px、180x180px 、1024x1024px（圆角180，系统自动处理）。
UI(用户界面)设计规则和规范
《好好先生》专栏
11-25 4854
UI(用户界面)设计规则和规范 界面是软件与用户交互最直接的层，界面好坏决定用户对软件第一印象，而且设计良好的界面能够引导用户自己完成相应操作，起到向导作用。 目前流行的界面风格有三种方式：多窗体、单窗体以及资源管理器风格，无论那种风格，以下规则是应该被重视的。 1. 易用性 按钮名称应该通俗易懂、用词准确，摒弃模棱两可字眼；要与同一界面上其他按钮易于区分。理想情况是用户不用查阅帮助就能知...
app项目设计规范
刘胡来
06-06 2070
Android项目设计规范 本文档为Android项目设计规范，编写初衷 清晰结构增强项目可阅读性 方便项目的日常维护 提高新需求的研发效率 1. 项目结构规范 * 模块包组织：同一模块，同一类功能建立共性名,示例： * Home: home页面 * logic/model: 处理逻辑业务处理 h...
超强干货|APP规范实例-详细的UI设计规范
02-26
本篇这一套UI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。
网易UEDC设计规范
11-11
3. **文字规范**：文本在UI设计中承担着信息传递的重要角色。规范中会涵盖字体选择、字号、行高、字间距、颜色和对齐方式等方面，确保文字易读性的同时，保持整体风格的统一。 4. **翻页控件**：翻页控件用于导航...
软件界面设计及编码标准规范
11-18
1. **软件界面设计**：软件界面设计是指创建用户与软件交互的视觉元素和布局，包括颜色方案、图标、按钮、字体等。其主要目标是提供直观、易用且吸引人的界面，让用户能够轻松理解和操作软件。优秀的界面设计应遵循...
《Android-APP-UI设计规范》PDF
08-21
《Android-APP-UI设计规范》是一份详细指导Android应用程序用户界面设计的重要参考资料。这份PDF文档涵盖了Android平台上的UI设计原则、布局、图标、颜色、字体、动效以及无障碍性等多个方面，旨在帮助开发者和设计...
手机APP-UI设计规范
10-26
手机APP-UI设计规范，IOS和安卓尺寸换算标准，字体大小，统一页面规范等
UI设计规范UI设计规范
06-12
UI设计规范UI设计规范UI设计规范UI设计规范UI设计规范
UI基本设计规范
04-28
详细的UI培训文档，页面布局，设计规范，多种页面设计参考
最意想不到的5个APP UI 设计范例
weixin_33802505的博客
09-18 721
现如今，智能手机已成为人们生活中不可或缺的一个物件，琳琅满目的手机APP充斥着各大应用市场。对于普通人来说，他们的衣食住行因此而变得简单方便；对设计师们来说，他们则面临更多的机遇和挑战。每位设计师都梦想着做出最出色的应用界面（UI）设计，最符合用户习惯的UX设计。 而出色的手机界面设计应该具备两个特点：简洁，...
UI界面设计都有哪些基础原则和规范
七小嗨少的博客
08-30 1260
同样优秀的APP用户界面应始终注意用户使用的速度和方便，方便是基本特征，必须从用户的角度，了解用户的使用能力和兴趣，交互细节和交互操作符合用户操作习惯，尽可能简化操作过程和信息水平，在UI界面提供或显示简单的操作提示，让用户可以用现有的生活常识、经验和基本的逻辑判断来操纵软件。在设计中简单而不是简单，即在手机有限的屏幕上有明确的浏览顺序，需要根据用户的基本视觉流程进行合理的空间布局和定位，亲密搭配，相互呼应，科学合理的布局组合，设计用户的视觉水平，使界面突出核心和重点。UI设计是用户软件应用环境的设计。..
UI设计中使用色彩的10条基本原则
qfguan的博客
10-29 2017
1. 色彩术语 色彩术语构成了我们色彩知识的基础。把色彩术语，如色相，色调和阴影，看作是我们可以用来开发独特调色板的工具。 Hue（色相） 色相是色彩的一个技术术语。色相是指母色--没有添加白色或黑色的饱和色。 Tint（淡色；淡性） 当白色加入到一个色相中时，就会产生一个色彩。 Shade（色度） 当黑色加入到一个色相中时，就会产生一个色度。 tone（色调） 当灰色，无论是色调（白色）还是阴影（黑色），都被添加到一个色调中时，就会产生一个色调。 color value
app ui设计规范
香椿遇上蛋
09-20 448
尺寸：720*1280 间距：20px， 24px，32px， 点线面尽量保持一致 颜色： 基准标准色：品牌色，全局button，文字链接 基础文字色：#333333，正文，标题；#666666 简介；#c8c8c8 没有下一页等提示 全局标准色：#F5F5F5 / #F8F8F8，上下导航栏分割线，输入框填充；#F5F7FA 背景色 字体： tab顶部，选中20px 行高28px；未选中18p...
手机APP界面设计规范：如何定义视觉规范
xuegangic的专栏
04-24 9617
25学堂|APP设计|网页设计师加油站 首页APP界面设计APP设计模板APP产品秀UI设计干货APP图标Html5CSS3APP设计教程优秀设计APP创业 当前位置: 首页 >> APP界面设计_APPUI设计_APP设计素材 >> 阅读正文 手机APP界面设计规范：如何定义视觉规范 发布于： 20
UI设计规范
zlf646984867的专栏
07-07 1784
21.1. 总体原则... 21.2. 原则详述... 21.3. 细节约定
软件UI设计标准规范.docx
11-23
"该文档详细阐述了软件UI设计的标准规范，旨在提升用户体验，增强产品竞争力。文档主要涵盖了UI设计的核心理念，包括美观、易了解、激励、一致、交互、效率、熟悉、灵活、容错和可估计，以及简练原则。通过示例和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值