人往高处走。水往低处流。学了一个月的PS，工具和语音一样。不常用慢慢会忘记。所以呢。今后多多写文章多多发发成长贴。这是今天总结的一些入门尺寸问题。因为只有PS没有做过矢量图。特意参考了很多。IOS篇1、尺寸以及分辨率iPhone界面尺寸：320×480 、640×960、640×1136iPad界面尺寸：1024×768、2048×1536（像素为单位。分辨路一般网页UI和移动终端UI基本为72p
被iPhone X刷了一天屏，到下午实在受不了各种假帖。标题写着“iPhone X 适配、指南、设计稿” 内容却是发布会回顾和手机介绍。索性自己去官网找素材写一篇只针对iPhone X适配的贴子，与设计图无关的内容通通不提
昨夜发布的iPhone 8属于常规升级，屏幕与以往的iPhone6、6S、7系列相同。在昨天发布的新机中，只有iPhone
转载
2023-09-01 11:27:29
197阅读
图 Zhivko Terziivanov文 嘿设汇随着信息的呈现方式越来越多元，UI/Web 设计师面对的工作也变得更加复杂。在这种情况下，许多基本功就容易被忽略掉，分辨率和设计的尺寸单位就是其中一个。iOS 的 pt、CSS 的 pt、Android 的 dp、ppi、px⋯⋯这些单位和名词到底是什么？该如何使用？举例来说，「pt (point，点)」这个单位，就同时出现在 iOS、CSS、还有
转载
2023-08-28 15:40:27
87阅读
移动端是IOS和Android的天下。不同平台的设计区别很多，在一稿适配流行的今天，理解规范反而越来越重要。不仅帮助你设计有数，在不同平台上统一体验，还能避免某些无效的讨论。不同平台就像在不同的国家旅行，能使两个平台上的用户都能够理解并且易于使用你的app，那是多么愉快。由于职业习惯，在阅读规范文档的时候，我更加关注设计和交互层面的问题，主要针对设计方面的规范做一个提炼和横向比较，也希望能作为一个
转载
2023-09-09 11:17:23
96阅读
之前在北京望京SOHO的mou公司做设计一直是iOS，适配Android，所以在做设计时，大部分使用的移动设备是iPhone，这样针对于中型企业；而后来在一家智能体感设备创业型公司，目标人群是二、三线城市有特殊需求的人，页面中考虑到的安卓会多一些；最近一直在做一家跨境电商奢侈品行业的设计，所以无论是iOS的设计规范还是Android的页面设计，都有涉及到，所以根据以往的工作经验，两端的不同点总结如
移动端尺寸繁多，包括IOS和安卓，尺寸多达十余种，所以移动页面尺寸的适配一直是前端和设计的头疼。今天来总结一下当前市场上的一些移动端尺寸，方便设计师和前端去考虑适配。但是最好还是针对自己的产品做调查，根据数据去做主流适配。Iphone&Ipad&Android&WEB全部规范全在这儿了！！①iPhone的设计尺寸iPhone界面尺寸：设备分辨率状态栏高度导航栏高度标签栏(工
转载
2023-07-20 17:31:21
276阅读
随着苹果iPhoneX上市大卖以来，市场份额越来越高，UI设计师不得不掌握IPHONEX的适配，今天就来讲讲IPHONEX的基础适配，高手绕道！iOS各个屏幕尺寸就不说了这里只介绍X的尺寸和适配 X的尺寸为1125X2436px,设计逻辑尺寸为：375X812PT 相对于iPhone8屏幕来说，高度增加了约435PX(@3)，对于经典屏幕的5 6 7 8来说，屏幕内部都是安全显示区域，X的屏幕多了
转载
2023-07-25 16:03:12
579阅读
APP尺寸是很多UI设计师头疼的事情，很多新手设计师在不了解尺寸的情况下直接上手做，结果在对接前端的时候，会遇到很多事情。有一个真实的案例，就发生在我身边，有一次我们公司新招了一个UI设计师，由于工作经验不足，设计不够仔细，页面中有很多地方都没有对齐，字号不统一，尺寸不统一。在项目交接会上，前端直接发飙把UI当场骂了一顿，当然那个UI也是离开公司了。其实这种情况很常见，在设计Android或者AP
在制作界面原型的时候，如果有现成的界面基础元素可以使用的话，设计师就可以非常快速的完成原型的制作，能够节省大量的时间和精力。在这篇文章，我向大家分享45套非常有用的 UI 和 Wireframe 套件素材包，帮助设计们用于 Web 和 Mobile 项目的界面原型设计。 Android 2.2 GUI整套 Android 2.2 手机界面 UI 组件素材，非常精美！Big
微信小程序尺寸已经是当下微信小程序设计最热门的话题，下面将从多方面来谈谈微信小程序尺寸及外边距设置相关的内容。一：尺寸(Dimension)一.尺寸属性：允许控制元素的宽和高，还可以设置行间距。1.height：设置元素的高度。2.line-height：设置行高。3.min-height: 最小行高。4.max-height：最大行高。5.width：设置元素的宽度。6.max-width：最大
为了便于INTERNET上信息的传播，一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO，目前有国际标准规范 全尺寸banner为468*60px， 半尺寸banner为234*60px， 小banner为88*31px 另外120*90，120*60也是小图标的标准尺寸 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K 由于
原因分析分析客户端眼中的行高首先我们要知道文字的几个属性，一般有以下几个• ascent:基准线到文字最高处的推荐距离• desent:基准线到文字最低处的推荐距离• baseline：基准线• top：基准线到文字最高处的最大距离• bottom：基准线到文字最低处的最大距离• leading：2行文字的assent与desent的距离如图：image.png所以，可以有这些属性得知：image
说明：1.对象为UI设计师和Android工程师等开发人员。2.方法有千种，开发工程师有万个，仅供参考，不喜就拿着你的建议留言，勿喷。3.文档的本质是备份与查看，对外方便协作与对内提升效率。4.文档不是万能的，如果文档查看对象看不懂，就没任何意义。我喜欢当面沟通，因为能避免大部分文档的局限性5.感谢Android开发工程师高鹏的指正与指导。Android规范一：手机尺寸Android是必须要讲下手
转载
2023-06-28 23:25:04
116阅读
英文原文：14 design tips for more clickable banner ads 译文：http://www.uisdc.com/banner-click-rate 虽然互联网发展迅速，但是利用Banner来推广产品，依然是王道。 很多公司都采用这种形式进行宣传，优点多多：便宜、效果可监测、行之有效。 现在呢，假设有客户让你帮忙设计个Banner广告，你要怎么设计呢？
无论是UI、交互，还是产品经理，都应该熟读iOS平台设计规范。这对我们的产品设计，百利而无一弊。 图标与图片(Icons and Images) 一、图片大小和分辨率(Image Size and Resolution)iOS屏幕上放置内容的坐标系统，是基于以点为单位的测量值，该测量值是映射到显示屏上的像素。标准分辨率显示器的像素密度为1:1(或@1X
单位1. 尺寸除了在代码中会使用到像素单位的尺寸外，在布局文件中必须使用dp单位的尺寸。由于部分机型用户可以调整手机字体大小，为了避免字体大小的调整影响到布局结构，字号的单位也要求使用dp单位的尺寸。我们适配三种像素密度的屏幕（hdpi、xhdpi、xxhdpi），他们的比例系数也是为1.5 : 2 : 3，也就是3 : 4 : 6，对于设计师来说，大致可以理解为在1080P屏幕上10dp表示30
转载
2023-06-30 19:06:33
80阅读
刚开始接触UI的时候，碰到的最多的就是尺寸问题，什么画布要建多大，文字该用多大才合适，我要做几套界面才可以?什么七七八八的也着实让人有些头疼。 废话不多说，希望大家耐心看完后，不要再纠结于尺寸相关的东西了。 一、尺寸及分辨率 iPhone界面尺寸：320*480、640*960、640*1136 iPad界面尺寸：1024*768、2048*1536 单位：像素72dpi，在设计的时候并不是每
一说到组件，大部分初级设计师和中级设计师的脑海里只会蹦出弹窗、Toast及操作列表等具体的概念，没有一套属于自己的组件分类体系，这样对于视觉设计、交互设计或产品设计的系统学习来说都是不利的。 iOS14概念设计iOS官方设计指南在介绍组件时是按照组件的属性来分类的。组件的中文翻译名称可能会有很多种，并没有一个权威、准确的中文命名。设计师在设计前只需要清楚每个组件名对应的组
记录一下iOS和Andoird的界面设计规范，方便进行标准的产品设计，并与设计师顺畅沟通iOS篇界面尺寸 设备 分辨率 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus 1242×2208 px 60px 132px 147px iPhone6 750×1334 px 40px 88px 98px iPhone5/5s/5c 640×1136 px 40px 88px 98px iP
转载
2023-07-18 10:24:15
245阅读
