UI-平台设计规范IOS尺寸与屏幕分辨率(PX)iPhone 320*480 640*960(4) 640*1136 750*1134 1080*1920iPad 1024*768 2048*1536不需要每个尺寸都做，设计当前市面上流行的手机尺寸750*1134界面的基本组成元素iPhone界面一般由四部分，通常使用750*1134尺寸设计状态栏 信号、运行商、电量等显示手机状态的区域，高度：4
转载
2023-07-14 19:49:43
379阅读
很多刚入行的UI设计师开始接触网页端UI设计的时候，对于基础的界面尺寸规范可能会有一定的模糊认知，导致做出来的页面往往会感觉不是那么和谐，却也不知道怎么去完善和改进。 对于大多数的刚入行者来说，如果不是有天赋的那种设计师，了解常用的一些尺寸规范和方法，才能更好的形成自己的专业概念。今天我就带大家了解一下UI设计中网页的设计规范总结。 网页UI设计规范 1.网页规范： 网页宽度为1920
转载
2023-12-19 22:43:06
391阅读
对于界面的适配分Android和IOS两种系统处理：一、iOS设备，这种类型的设备由于数量有限，主要分为iphone和ipad，iphone：只要做到 4：960x640、5：1136x640、6：1334x750、plus：1920x1080 几种适配即可，而他们的分辨率虽然不一样，但是比例全都是16:9，（除了4，但现在基本可以忽略了）所以适配器起来非常方便，只需要等比缩放就行了。ipad：有
转载
2023-10-02 10:47:10
214阅读
1. 基础常识1.1 主流屏幕尺寸标识 屏幕尺寸 hdpi 480 * 800
转载
2021-12-31 15:58:06
607阅读
1. 基础常识1.1 主流屏幕尺寸标识 屏幕尺寸 hdpi 480 * 800 xhdpi 720 * 1280 xxhdpi 1080 * 1920 1.2 图标尺寸标识 启动图标尺寸 菜单图标尺寸 mdpi 48 * 48 （160 DPI ） 24 * 24 hdpi 72 * 72（240 DPI）...
转载
2021-12-29 11:51:46
647阅读
## Android UI 设计规范
在Android开发中，UI设计规范是非常重要的，它可以保证应用程序的界面风格统一，用户体验良好。本文将介绍一些Android UI设计规范，并附上相关的代码示例，帮助开发者更好地了解和应用这些规范。
### Material Design
Google推出的Material Design是Android平台上最流行的UI设计规范之一。它包括一系列设计原
原创
2024-02-25 07:15:23
123阅读
没有规矩，不成方圆。想要高效顺畅地完成设计任务，就必须遵守UI设计的规范。UI设计也不例外，具有设计规范，系统建议的规范可以让我们设计具有统一性，界面视觉更美观。今天带来的这些设计规范，将是成为优秀UI设计师必须要知道的“纯干货”，还能让大家深刻了解UI设计规范的本质是什么。一、图标规范有一些设计师以为UI设计就是设计图标，虽然事实并非如此，比如图标的设计在整个UI设计中是比较基础的一个环节。图标
转载
2023-08-19 10:08:44
574阅读
对官方文档 Designing for iOS 的翻译，有不当之处请指正 官方文档地址 iOS 体现的主题Deference (顺从，尊重) UI帮助我们来理解内容，并与内容进行交互，但是不会影响内容的展示Clarity (清晰，明了) 无论在那种尺寸下，文本都是容易识别的；头像也是很容易分辨出来的;装饰的小零件也是很精巧并且很合适的；设计的目的是一下就能关注到它的功能Depth (深度) 视觉层
界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。设计良好的界面能够引导用户自己完成相应操作，起到向导作用。界面设计主要是为了达到以下目的：
1）以用户为中心。设计由用户控制的界面，而不是界面控制用户。
2）清楚一致的设计。所有界面的风格保持一致，所有具有相同含义的术语保持一致，且易于理解和使用。
3）拥有良好的直觉特征。以用户所熟悉的现实世界事务的抽象来给用户
转载
精选
2011-11-26 00:40:02
1013阅读
3评论
UI设计5不要 ◆不要照搬你在其它平台的UI设计，应该让用户感觉是在真正使用一个 Android 软件，在你的商标显示和平台整体观感之间做好平衡
◆不要过度使用模态对话框
◆不要使用固定的绝对定位的布局
◆不要使用px单位，使用dp或者为文本使用sp
◆ 不要使用太小的字体UI设计9要素
◆为高分辨率的屏幕创建资源（缩小总比放大好）
◆ 需要点击的元素要够大
◆图标设计遵循 Android 的准则
转载
2023-05-23 15:06:15
99阅读
iOS界面设计切图小结 1.基本尺寸（1）界面 实际设计时按：iPhone4、4s：640px*960pxiPhone5: 640px*1136pxiPad：1536px*2048px(2) 图标：1024px*1024px 圆角180px提交1024px*1024px 方角 png格式图片 2.图形部件及字体（1） 为显示清晰所有图形部件尺寸必须为偶数样式中阴影、发光、描边的数值也必须为偶
我总结的手机web页面设计及编写规则，适用于xhtml basic 和 xhtml mp。仅代表个人观点。1. 设计相关1.1 硬件限制 推荐结构 手机屏幕由于尺寸、分辨率和色彩的限制，不能正常显示我们用于普通显示器的设计。在设计mobile web时要注意尽量避免产生滚动条，必需有滚动条时要保障只在一个方向上产生，如右图所示，不使用传统的上左右下结构，而使用上下结构。应该把主要的导航链接放在
转载
2024-08-01 14:45:43
57阅读
说在前面：从事UI设计的同行们关于iOS与Android的基本设计规范相信大家都已经非常了解了，以下是我针对这两种设计规范所作的一点点小总结，如果面试官问道此类问题，希望对你们有用！！！首先设计语言的不同：从HIG(Human Interface Guidelines人机交互指南) 和 material design(卡片式材料设计) 说起(以下观点均针对iOS与原生Android)01
转载
2023-11-15 21:57:48
91阅读
Apple官方推出的“iOS人机界面准则”一直被iOS开发者奉为绝对的设计参考宝典，特别是iOS7系统推出以来，Apple公司对该准则进一步做了更新。最近，国内知乎社区的郎启旭推出了“iOS人机界面准则”完整的中文版，使iOS国内开发者可以快速上手。iOS人机界面准则主要分为UI设计基础、设计策略、iOS技术、UI元素、图标和图像设计等几个大类，其中每个大类有细分为许多小节，对iOS界
转载
2023-11-20 07:57:01
119阅读
安卓和IOS系统对于UI设计来说一样吗以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！安卓和IOS系统对于UI设计来说一样吗iOS和Android的区别，想了很久，也没想出太多，两个系统有些东西越来越通用，Android上，可实现所有效果，当然有些看上去iOS很像。长得和iOS很像的Android应用很多，好多大牌也这么
转载
2023-10-25 16:00:28
30阅读
移动端是IOS和Android的天下。不同平台的设计区别很多，在一稿适配流行的今天，理解规范反而越来越重要。不仅帮助你设计有数，在不同平台上统一体验，还能避免某些无效的讨论。不同平台就像在不同的国家旅行，能使两个平台上的用户都能够理解并且易于使用你的app，那是多么愉快。由于职业习惯，在阅读规范文档的时候，我更加关注设计和交互层面的问题，主要针对设计方面的规范做一个提炼和横向比较，也希望能作为一个
转载
2023-09-09 11:17:23
143阅读
作为移动端两大主流系统，iOS和Android在设计原则上有很多相近的地方，比如自适应设计、颜色，措辞、启动画面方面的设计原则，但是由于Android本身开源的特性，它的设计和底部硬件关联相对较少，设计的风格更加拟物化，而iOS系统的设计更加注重内容的凸显，在设计上推崇突出关键，弱化不必要的元素。
转载
2023-07-31 21:03:51
149阅读
GUI设计：1. 不要照搬其他平台上的UI设计。应该让用户感觉是在使用一个真正的 Android 软件，在你的品牌显示和平台整体观感之间做好平衡。2. 不要过度使用模态进度条和确认对话框。3.&n
转载
2023-11-03 23:18:52
72阅读
1. Android UI技巧
1.1 不该做什么
1.2 该做什么
2. Android UI 设计理念和注意事项
2.1 Android UI设计理念
2.2 优秀UI设计准则
2.3 设计需要考虑
3. Android UI 框架特性/界面布局
4. Android UI 图标设计原则
4.1 图标的尺寸规则和密度
4.2 图标的设计规则
5. Android UI 开发的GU
转载
2023-07-30 15:30:04
1090阅读
WebAPP设计和入门开发需要注意的5个事项WebApp是针对NativeApp而产生的，Webapp最直接明了的定义就是一个针对Iphone、Android优化后的移动网站，它使用的技术无非就是HTML或HTML5、CSS3、JavaScript，服务端技术JAVA、PHP、ASP等。今天，25学堂需要跟大家浅谈WebAPP设计的五个注意点及如何去设计webAPP 1. 必须要适配所有
转载
2023-10-25 21:47:32
87阅读
