火星网校
小白学UI设计：这些尺寸你要掌握
发布时间：2024-07-06 18:37:13 浏览量：261次
最近忙得焦头烂额，终于有时间更新啦！双十一害惨我了。
哈哈，在我即将离职前，再给大家分享一篇头条好文！
或许很多人对我即将讲述的内容已经了如指掌，不过没关系哈，这是我给自己的总结，顺便也存档一下。如果觉得有用，就点个赞，收藏一下吧。
今天我想聊聊ios界面尺寸，下周再详细讲讲安卓的哦。
这周其它时间随意分享，其实我明天更想分享我和某位歌手的故事，不过恐怕没时间了。
好了，进入正题！
APP首页
ios界面尺寸
让我们先来看看ios的界面尺寸吧。
一般的APP首页包含信号栏、搜索栏、标签栏以及内容区。虽然并非固定模板，但是各组件的尺寸已经得到大家的共识。
我以750*1334的尺寸为例，这是用于ios适配的尺寸。虽然ios有很多不同的设备尺寸，但我们通常只需要设计750*1334这一种尺寸，然后以72像素开始设计。
下面是一些列举：
iPhone4、5、6、7等适用
信号栏（状态栏）尺寸：750*40像素
搜索栏（导航栏）尺寸：750*88像素
标签栏尺寸：750*98像素
iPhone6plus、iPhone7plus等适用
信号栏（状态栏）尺寸：750*60像素
搜索栏（导航栏）尺寸：750*132像素
标签栏尺寸：750*146像素
温馨提示：建议使用手机截图尺寸进行设计，以便预览效果！如果没有苹果手机，推荐使用640X960或640X1136像素。
记住，40、88、98、60、132、146这些数字并不是无用的，它们可以帮助你设计界面，无需重复劳动。一般20、40、32是不错的选择，不会显得拥挤。搜索框的高度一般选60，而字体大小则根据舒适度来调整，后面还会提到字体大小的问题。
ios上线所需icon的各种尺寸，这周我会抽空制作一张图哦。
以上内容仅为个人笔记，难免有错误，欢迎指正，共同学习。
想要了解更多关于UI设计的内容？快来点击咨询吧！
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
大家今天走运了,我就把自己总结出来的学习UI设计的一些经验与大家一起分享吧。想做一个好的UI设计师除了应该具有一定的审美能力,还要了解整个产品的...
最新文章
