Android iOS APPUI设计规范实例(详细的UI设计方法）

最新推荐文章于 2024-07-19 17:50:24 发布
最新推荐文章于 2024-07-19 17:50:24 发布
阅读量2.2k 收藏 1
点赞数
分类专栏： 产品点滴
本文链接：https://blog.csdn.net/bailu66/article/details/43452299
版权
本文详述了一套全面的UI设计规范，包括界面布局、颜色、文字、按钮、图标、图片、列表、控件和弹出浮层等方面。旨在帮助设计师掌握设计原则，提升至高级水平，同时提醒避免机械复制，注重产品特性的融合。
摘要由CSDN通过智能技术生成

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

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

01

m_9845545050190000011de9a2c5ce

m_02135450501f0000011de99cc1f8

m_bf3d545050230000011de9f39581

最低0.47元/天 解锁文章
大白sunny
关注
专栏目录
UI ： 2018年IOS/Android UI设计规范（2）Android——排版
Siimple的博客
08-09 1196
1、中文排版 元素 字重 字号 行距 字间距 颜色 Display4 Light 112sp - 10 Black 54% Display3 Regular 56sp - 5 Black 54% Display2 Regular 45sp 63dp 0 Black 54% ...
一套UI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。...
iteye_7149的博客
01-21 1692
这一套UI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。 大家可以借鉴下，学会自己设计一套APP设计规范，成为高级设计师。但是不要生搬硬套，毕竟不是一个产品，总之可参考的价值很高。大家自己吸收吧! 作者：本来每 ...
智能手机APP设计规范的全面讲解，一篇搞定
最新发布
haishao520的博客
07-19 1049
间距太小会引起用户的紧张，最大间距为 20px、24px、30px、40px，当然间距不宜过大，间距过大会使界面松动，间距的颜色设置可以与分割线一致，也可以较浅。常用的全局边距为 32px、30px、24px、20px 等，当然，除了这些，还有更大或更小的边距，但上面提到的是最常用的，其中一个特点是所有的值都是偶数。列表式布局很常见，随便打开一个 APP，这种布局基本上都存在，其布局形式的特点是可以在较小的屏幕上显示多个信息，用户可以通过上下滑动的手势获得大量的信息反馈。这种设计可以减轻用户的认知负担。
能同时用于 Android 和 iOS的APP UI设计怎么做
Donald_Pan的专栏
12-26 3691
能同时用于 Android 和 iOS的APP UI设计怎么做：不管你是在家，在公司，还是在设计师工作室工作，互联网企业都会找你去给他们设计 App。为了满足所有顾客的需要，这些企业通常需要同时开发运行在 Android 和 iOS 设备上的 App。 　　在理想的情况下，我们希望能花上好几个月的时间来分别为两类设备设计一款 App，但是实际上，我们没那么多的时间。就我所负责的项目而言，
安卓按钮UI设计案例
06-03
一款不错的android按钮风格UI设计，里面有很多不同的样式，相信总有一款是个你。
《Android-APP-UI设计规范》PDF
08-21
《Android-APP-UI设计规范》
Android UI 设计规范
2401_84003977的博客
03-30 865
外链图片转存中…(img-tmuXegOB-1711762480431)][外链图片转存中…(img-KJh3WSm4-1711762480431)][外链图片转存中…(img-CAXztPmU-1711762480431)][外链图片转存中…(img-kf3r0lAN-1711762480432)][外链图片转存中…(img-6okv5N9c-1711762480432)]
最意想不到的5个APP UI 设计范例
weixin_33802505的博客
09-18 731
现如今，智能手机已成为人们生活中不可或缺的一个物件，琳琅满目的手机APP充斥着各大应用市场。对于普通人来说，他们的衣食住行因此而变得简单方便；对设计师们来说，他们则面临更多的机遇和挑战。每位设计师都梦想着做出最出色的应用界面（UI）设计，最符合用户习惯的UX设计。 而出色的手机界面设计应该具备两个特点：简洁，...
产品经理进阶（一）Web APP UI一致性设计
IT全栈 华强工作室
12-23 3897
前言 做前端开发一段时间后，你会不会发现自己在持续的做着页面重复开发的工作，后面甚至干脆是Ctrl+C、Ctrl+V操作。你可能会说，那就使用组件啊！的确，通过抽取公用视图，创建子组件的方式确实可以提升代码复用度。上面是回答是基于你做程序员开发某个产品模块功能点的时候做出的。当你的问题思考提升一个层次，从前端框架设计角度思考的时候，会不会思考这样的问题：对于交互样式比较固定的业务系统，能否基于UI一致性、UI设计规范进行规范的交互方式、页面及组件样式设计，简易高效的进行界面搭建？通过搭建可视化、所见即所得的
聊天社交类appUI界面设计.psd
12-28
聊天社交类appUI界面设计 App、app UI、PSD、图片上传、聊天社交、语音、麦克风
android 界面UI设计工具 droiddraw
06-25
android 软件界面设计 droiddraw最新版+AnDroidDraw.apk 运用于模拟器的插件
app ui设计规范
香椿遇上蛋
09-20 464
尺寸：720*1280 间距：20px， 24px，32px， 点线面尽量保持一致 颜色： 基准标准色：品牌色，全局button，文字链接 基础文字色：#333333，正文，标题；#666666 简介；#c8c8c8 没有下一页等提示 全局标准色：#F5F5F5 / #F8F8F8，上下导航栏分割线，输入框填充；#F5F7FA 背景色 字体： tab顶部，选中20px 行高28px；未选中18p...
UI ： 2022年iOS/Android UI设计规范（1）
热门推荐
Siimple的博客
03-27 6万+
1.设计稿与切片稿 a.尺寸 设计稿：iPhone6 750*1334 【2倍】 切图稿：iPhone6 2208*1242【3倍】 Android 1920*1080 设计稿选择750*1334 px的原因： IOS：向上和向下适配的时候界面调整的幅度最小，最方便适配 Android：设计时只需做最小的设计调整，提升设计效率 b.切图 IOS切图——3份： .........
App设计的基本原则和规范
朝夕旭潇的博客
12-15 1万+
目前移动设计在我们的工作中越来越重要啦，除了掌握基本的UI设计技能之外，我们也要对移动互联网的特征有所认识。为了能在交互设计和用户体验上做出比竞品更优秀的移动APP产品，我们必须知道移动设计的基本原则。 之前25学堂有跟大家说到移动APP客户端的UI设计原则及UI界面适配步骤，还有APP触控操作设计原则之触控目标的尺寸大小。 从移动互联网特征的角度来看，移动设计的基本八条原则
犯了这5个UI设计错误你的APP就得失败啦
dlfeicui的博客
09-09 1599
对于一个优秀的APP界面设计来说是没有一个普遍公式的（如果你知道一个，请让我们知道）。 但是，如果你想创造一个很棒的APP，我们确实了解APP设计过程中常犯的一些主要错误。这里的每一个错误都是从所有级别的有着不同经验的设计师所犯的错误中总结出来的。这没有什么可耻的，一个好的UI设计都会面临多方面的挑战，很多方面都可能被简单地忽略掉。对于移动端产品，我们经常为不满意他们产品的客户重新设计APP，希望
iOS和Android的app界面设计规范
天道酬勤
08-30 2516
记录一下iOS和Andoird的界面设计规范，方便进行标准的产品设计，并与设计师顺畅沟通 iOS篇 界面尺寸 设备 分辨率 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus 1242×2208 px 60px 132px 147px iPhone6 750×1334 px 40px 88px 98px
iOS UI切图@1x、@2x、@3x的实际尺寸
M_nao的博客
07-27 3万+
1x，2x就是用于非Retain屏幕和Retain屏幕，3x现在用于iPhone6 Plus，在iPhone实际开发中，只有iPhone4 是非Retain屏幕，市场占有率很低，因此在切图时，只切@2x和@3x图片即可。以iphone 6做UI为例，如果图片大小为200*200px，例如图片命名为test_a@2x.png，那么还应切一张命名为test_a@3x.png的300*300px的图片来
S60应用程序初始化：从DLL入口到UI设计
应用程序的初始阶段包括理解框架结构，比如如何继承Avkon层次，以及如何利用AppUi中的关键方法来设计用户界面。此外，分离UI逻辑和业务逻辑，保持良好的程序行为，是高效开发的重要原则。 手机应用开发的初始化过程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值