UI设计规范

最新推荐文章于 2024-08-12 12:56:47 发布
最新推荐文章于 2024-08-12 12:56:47 发布
阅读量147 收藏
点赞数
文章标签： ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43892547/article/details/116056608
版权

app设计稿通常以iphone 6的尺寸进行设计，即750*1334

状态栏(status bar)：即电量条🔋，高40px
导航栏（navigation）：即顶部条，高88px
主菜单栏（submenu , tab）：即底部条，标签栏，高98px
在这里插入图片描述
导航栏颜色的颜色和背景和状态栏一致

朱莉aJulia
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范
weixin_39955825的博客
12-20 1万+
UI设计师在初涉移动端设计和开发的时候，基本都会面临一个令人十分苦恼的问题那就是移动端页面UI设计尺寸标准和字体规范，今天奇酷学院整理了一些关于手机端页面UI设计尺寸和字体大小规范问题，希望对UI设计师设计移动端页面的时候有一些帮助。一、PS工具设计IOS界面1.画布尺寸新建750×1334 分辨率72，像素/英寸。2.常见的字体大小24px、26px、28px、30px、32px、34px，3...
ios设计规范-iPhone6、7、8-750*1334设计尺寸
baimei007的博客
05-07 4657
最新最全移动端界面设计UI尺寸规范-2018年初版
热门推荐
梦想就是让你坚持就感到幸福的东西
07-24 3万+
一、UI尺寸基础知识 1、像素密度-PPI 像素密度是指显示屏幕每英寸的长度上排列的像素点数量，PPI（Pixels per inch）越高代表屏幕显示效果越精细，Retina屏比普通屏清晰很多，就是因为它的像素密度翻了一倍。   2、计量单位 iOS和Android平台都定义了各自的像素计量单位。iOS的尺寸单位为pt，Android的尺寸单位为dp。说实话，两者其实是一回事。   ...
图标尺寸规范_UI设计在PS中的设计尺寸，很基础但是很重要
weixin_39795268的博客
01-15 4250
很多IOS APP UI设计稿都是以iphone6为基准的，方便向上适配iphone7的尺寸，也方便向下适配iphone5的尺寸。所以小编给大家分享iPhone6的界面设计尺寸有哪些规范1.界面尺寸规范1.1、界面尺寸大小是：750x1334px。1.2、状态栏(status bar)：就是电量条，其高度为：40px;1.3、导航栏(navigation)：就是顶部条，其高度为：88px;1.4、...
Android UI 设计规范
VIP129370的博客
03-27 1314
外链图片转存中…(img-5WG9dQHv-1711541608385)][外链图片转存中…(img-bMFhUdFB-1711541608386)][外链图片转存中…(img-piJaihxB-1711541608386)][外链图片转存中…(img-B6GxQzG7-1711541608386)][外链图片转存中…(img-uoVJb4um-1711541608387)]
UI设计规范大全.zip
06-08
很多新人在开始做UI设计的时候，往往对界面的一些尺寸规范不是十分清楚，很多时候都是凭借自己的感觉和经验去绘制界面，心里并没有一个清晰的概念，导致做出来的页面总是不那么尽如人意。本文整理汇总了最新的界面...
移动端UI设计规范
08-16
移动端UI设计规范是移动应用开发中的重要组成部分，它关乎到用户体验和产品的易用性。这份详尽的规范涵盖了多个关键领域，旨在为设计师提供一套完整的指导原则，以创建出高效、美观且一致的用户界面。 首先，我们来...
Web Ui设计规范内容介绍
10-22
Web UI设计规范是指导网页界面设计的一套规则和标准，旨在确保设计的统一性、易用性和美观性。规范通常涵盖颜色、字体、图形图标以及图片等多个方面，以提升用户体验和团队协作效率。 1. 颜色 - 应用原则：设计中...
【Material-UI】Checkbox组件：受控模式详解
lph159的博客
08-08 908
在React中，表单组件（如inputselecttextarea等）可以分为受控组件和非受控组件。受控组件的值由React的状态（state）管理，表单控件的值会通过状态的变化而更新。受控组件的优势在于它们的行为完全受React组件逻辑控制，使得开发者可以更精细地管理用户输入和表单状态。在Material-UI中，Checkbox组件同样可以被配置为受控组件，这使得开发者能够通过React状态来精确控制复选框的选中与未选中状态。
【Rust光年纪】构建高效终端用户界面：Rust库全面解析
记录我的学习历程
08-09 801
本文将重点介绍六个在Rust语言中常用的终端操作库和用户界面构建库，分别是`termion`、`cursive`、`Crossterm`、`tui`、`pancurses`和`console`，通过对它们的核心功能、使用场景、安装与配置方法以及API概览的详细介绍，帮助读者快速了解并选取适合自己项目需求的库进行开发工作。
【Unity-UGUI】UGUI知识汇总
manqi的博客
08-11 834
UGUI知识汇总
整理 酷炫 Flutter 开源UI框架 FAB
TS的博客
08-12 67
灵活且易于使用的页面转换。
Knife4j的介绍与使用
₍˄·͈༝·͈˄*₎◞ ̑̑的博客
08-10 799
通过集成Knife4j，开发人员可以轻松地在Spring Boot应用程序中生成详细的API文档。它提供了友好的界面和丰富的功能，如文档搜索、在线测试和数据模拟等。开发人员可以通过简单的配置和注解来定制API文档的生成规则。
【Vue3】图片未加载成功前占位
菜就多练
08-08 348
原生img标签可以通过自定义指令解决< template > < img class = " image_item-img " v-preload = " ' loading' " src = " https://xx " alt = " 加载失败 " /> < script setup > import {reactive } from 'vue' // 自定义图片占位 const vPreload = {
服务器安装哪吒面板详细教程
gzy318的博客
08-11 790
本文是服务器安装哪吒面板的详细教程，图文并存，适合小白学习
【Python学习-UI界面】PyQt5 小部件汇总
邑轻辰的学习笔记
08-08 446
序号 组件 说明 详细介绍链接 1 QLabel 用作占位符，用于显示不可编辑的文本、图像，或者动画GIF的电影。它也可以用作其他小部件的助记符键。 2 QLineEdit 是最常用的输入字段。它提供了一个框，可以输入一行文本。要输入多行文本，需要使用QTextEdit对象。 3 QPushButton 在PyQtAPI中，QPushButton类对象表示一个按钮，当点击时可以编程调用某个函数。 4 QRadioButton 呈现一个带文本标签的可选择按钮。用户可以在表单上
C++ QT使用stackwidget实现页面切换（含源码）
qq_43847153的博客
08-11 539
在QT中一个界面中如何实现页面的切换，而不是新弹出的窗口，这里采用的stackwidget，以层叠widget的方式选定页面索引从而实现页面切换。
【已解决】Error while getting %s: %s link:388 - Error while linking: %s
最新发布
Linux猿
08-12 58
本文主要对本地源码构建 AutoGen Studio 时的报错信息解决方法进行介绍。
Android 4.0 UI设计规范详解
"本文详细介绍了安卓UI设计规范，特别是针对Android 4.0系统的变化，包括导航栏、操作栏和多面板布局的更新，为安卓UI设计师提供了重要的设计指南。" 在安卓UI设计规范中，Android 4.0带来了显著的变化，以提升用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值