对于想入行移动端UI设计师的小伙伴们来说，对于UI的基础认知可能会有一些模糊，导致不知道从何下手。今天总结了UI设计当中的切图命名和规范以及尺寸规范(iOS)。一、切图命名规范1、常见界面、控件、功能、状态命名集合：是对产品经理、设计师、开发工程师以及H5前端开发人员都可以记住的文件命名规范。界面命名系统控件库功能命名资源类型常见状态位置排序2、以iOS为范例(安卓通用)的切片文件命名规范如下二、
此文分别从控件+布局+模态情景+手势交互+动画+字体等六个方面介绍了一些iOS平台设计的基础规范，有志于App设计的童鞋推荐收藏起来，将来要做相关的设计可以直截了当戳进来学习。
一、UI的控件概述：1、框架UI的元素分为4类：A：栏：状态栏目和导航栏的结合体；B：内容视图：应用显示的内容信息，包括相关的交互行为，例如滚屏、插入、删除等操作进行排序；C：控制元素：产品行为或显示的信息；D：临
转载
2023-07-26 21:52:17
114阅读
iOS客户端的UI设计是指在iOS操作系统上开发应用程序时所涉及的用户界面设计，包括应用程序的布局、颜色、字体、图标等元素的设计。良好的UI设计应该能够提高用户体验，使用户能够轻松地使用应用程序。在iOS客户端的UI设计中，需要考虑以下几个方面：1. 设计布局：应用程序布局应该简洁明了，使用户能够轻松地找到所需的功能。布局应该考虑到不同设备的屏幕尺寸和方向，确保应用程序在所有设备上都能够正常显示。
转载
2023-09-28 10:38:03
121阅读
俗话说：“没有规矩，不成方圆”，UI设计也不例外。合理的UI设计规范能够让我们设计具有统一性，界面视觉更美观。很多刚刚做UI设计师(http://www.sz-sztl.com/news/)的小伙伴可能不知道具体的设计规范，今天我就跟大家介绍一下UI设计规范。1.简易性简洁的界面便于用户浏览，寻找用户想要的资料，并能减少用户操作时发生的错误，这样能提高用户的体验。2.清晰的效果清晰的视觉效果能够让
很多刚入行的UI设计师开始接触网页端UI设计的时候，对于基础的界面尺寸规范可能会有一定的模糊认知，导致做出来的页面往往会感觉不是那么和谐，却也不知道怎么去完善和改进。 对于大多数的刚入行者来说，如果不是有天赋的那种设计师，了解常用的一些尺寸规范和方法，才能更好的形成自己的专业概念。今天我就带大家了解一下UI设计中网页的设计规范总结。 网页UI设计规范 1.网页规范： 网页宽度为1920
转载
2023-12-19 22:43:06
391阅读
自从iPhone 6/6+出现后，iOS版上的APP界面设计尺寸又发生了翻天覆地的变化。让ios一下子跟安卓看齐了。进入了移动“杂屏”时代。 之前我们知道的，在移动app开发设计中，需要解决多种设备尺寸适配问题，过去只属于Android阵营的头疼事儿，只是很多设计师选择性地忽视android适配问题，只出一套iOS平台设计稿。 如今随着苹果发布两种新尺寸的大屏iPhone 6，iOS平台尺寸适配
转载
2023-12-04 14:52:54
153阅读
iOS UI控件布局规范是开发者在设计和实现用户界面时必须遵循的原则。这些规范能够帮助构建具有一致性、可用性和可访问性的应用程序。下面将详细记录如何解决这一问题的过程。
## 环境准备
在解决iOS UI控件布局规范问题之前，需要确保相关的开发环境和工具已经准备好。
### 前置依赖安装
在使用Xcode进行iOS开发之前，请确保安装以下依赖项：
| 名称 | 版本
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设计规范的本质是什么。一、图标规范有一些设计师以为UI设计就是设计图标，虽然事实并非如此，比如图标的设计在整个UI设计中是比较基础的一个环节。图标
转载
2023-08-19 10:08:44
574阅读
你了解UI设计的规范吗? 很多新人在开始做移动端UI设计的时候，对界面的尺寸规范不是那么清楚，很多时候都是凭借自己的感觉和经验去设计，导致做出来的页面总是不那么尽如人意，从而一遍遍修改，拉低了工作效率。 那么，今天我就跟大家聊一聊，设计规范的那些事! 什么是设计规范? 通俗来说，设计规范是围绕在某种风格或者大型设计项目下形成可视化、数据化的标准，针对相对独立的体系建立的统一遵守条款。
转载
2023-09-28 13:32:43
101阅读
UI：User interface，即用户界面。UI设计师与平面设计师的区别？ 两者区别体现在用户体验及交互上。UI设计师需要考虑设计出更符合人操作习惯的用户界面、更简洁明了的用户界面、更符合用户群体的审美；平面设计更多是纯图形设计。UI的一致性原则内容包括：色彩、字号、按钮、图标细节。ios常用设计尺寸是：375*812 （iPhone 11 Pro、Iphone 12 mini） 参考文章：i
转载
2023-09-22 20:54:56
333阅读
关于 iOS UI 设计尺寸规范iPhone，随着设备种类和屏幕尺寸的多样化，设计师必须了解不同设备的UI设计规范，以帮助创建一致且用户友好的界面。以下是我对相关问题的整理过程，包括环境准备、分步指南、配置详解、验证测试、优化技巧和排错指南。
## 环境准备
在开始进行 iOS UI 设计前，确保你的开发环境中已安装以下依赖项。以下是需要的工具和相关安装命令：
- **Xcode**: 构建
这本书翻译比较流畅，内容整理、编排清晰，由浅入深，图文并茂，非常适合 iOS 5 开发学习初学者。虽然主要以.NET 技术为主，但现在移动开发和移动互联网市场日趋火热，.NET 开发人员还是需要学习和了解移动开发技术的。 中文版，PDF格式。推荐一下！占用首页位置，希望对的开发人员有帮助，也对他们的工作表示敬佩！ ** 原文内容如下: 目前，这是第一本介绍
移动UI设计切图是UI设计师最重要的设计输出物，切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图，起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图，应该是所有设计师一直需要追求的能力。设计切图的原则设计切图输出的目的是跟下游的工程师团
转载
2023-10-05 07:45:17
196阅读
对官方文档 Designing for iOS 的翻译，有不当之处请指正 官方文档地址 iOS 体现的主题Deference (顺从，尊重) UI帮助我们来理解内容，并与内容进行交互，但是不会影响内容的展示Clarity (清晰，明了) 无论在那种尺寸下，文本都是容易识别的；头像也是很容易分辨出来的;装饰的小零件也是很精巧并且很合适的；设计的目的是一下就能关注到它的功能Depth (深度) 视觉层
一. 切图工具和标注工具学会使用工具可以起到事半功倍的效果。在这里为大家推荐我常用的切图和标注工具。1. 切图工具：（1）Cutterman这是一款运行在Photoshop中的插件，能够自行的把你需要的图层输出，这样你就可以避免了在PS中用切片工具挨个的切图了。Cutterman不需要你去记住一大推的语法、规则，一上手就明白怎样用。只需要点击一个按钮，就自动输出你需要的各种各样的图片，而
转载
2024-01-11 13:23:01
130阅读
ios设计规范设计三大原则一、视觉层：清晰 文字清晰易读、图标精确而清晰、装饰精巧而适合、使得用户更易理解。负空间、颜色、字体、图形和界面元素突出重要内容并传达交互性。设计要点01：颜色（保证在任何情况下都可以辨别） 设计要点02：排版（对比、 重复、亲密、对比的四大原则） 二、交互层：遵从 不要太过花哨三、结构层：深度 使用不同的视觉层级和真实的运动效果来传达层次的感觉，赋于界面活力，并促进用户
转载
2023-07-25 10:14:17
367阅读
iOS界面设计切图小结 1.基本尺寸（1）界面 实际设计时按：iPhone4、4s：640px*960pxiPhone5: 640px*1136pxiPad：1536px*2048px(2) 图标：1024px*1024px 圆角180px提交1024px*1024px 方角 png格式图片 2.图形部件及字体（1） 为显示清晰所有图形部件尺寸必须为偶数样式中阴影、发光、描边的数值也必须为偶
sketch放入app组件 (Start by defining your grid)Sketch has 2 built-in layout features — Layout and Grid. In most cases, layout is a great way to organize content on a typical website utilizing a 12 column
转载
2023-11-20 06:44:08
129阅读
设计师的切图输出物是是体现一个设计师专业水准的重要标准，同时也是设计师表达自己对设计态度的最有力的语言。设计切图的原则设计切图输出的目的是跟下游的工程师团队协同工作，那么在团队协作过程中首先应该保证切图输出能够满足工程师设计效果图的高保真还原的需求。其次切图输出应该尽可能的降低工程师的开发工作量，避免因切图输出而导致的不必要的工作量。最后输出的切图应当尽可能的压缩大小，以降低APP的总大小，提升用
转载
2023-11-23 09:51:56
167阅读
