2021-10-25 UI设计规范及动态海报

最新推荐文章于 2024-04-22 23:18:23 发布
VIP文章 最新推荐文章于 2024-04-22 23:18:23 发布
阅读量1.1k 收藏 2
点赞数
文章标签： ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/B_RY_P/article/details/120959597
版权

文章目录


很多初学者在开始做移动端UI设计的时候，往往对界面的一些尺寸规范不是十分清楚，很多时候都是凭借自己的感觉和经验去绘制界面，心里并没有一个清晰的概念，导致做出来的页面总是不那么尽如人意。本文整理的一些UI界面的设计规范方便初学者进一步理解界面设计。除此之外，本文还会介绍设计成员中的一员——动态海报的设计。

UI设计规范

手机端尺寸规范

显示屏尺寸 分辨率尺寸 状态栏高度 导航栏高度 标签栏高度
iphoneSE:4英寸 640×1136px 40px 88px 98px
iphone6s/7/8:4.
最低0.47元/天 解锁文章
B_RY_P
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
超强干货|APP规范实例-详细的UI设计规范
02-26
本篇这一套UI设计规范，包含了界面布局、颜色、文字规范、按钮规范、图标规范、图片规范、列表规范、控件规范、弹出浮层，超级详细。
微信小程序CanvasContext.drawImage的用法
祗想安静地的博客
01-05 9495
最近做了一个生成海报的项目，有个需求需要画出图片。 我个人的想法是生成的图片像image的mode模式中的aspectFill显示的图片那样，“缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。” 也就是说保证图片的短边显示出来，超过的部分会被截取掉，图片不会变形 翻看了小程序文档的CanvasContext....
微信小程序前端生成动态海报图
qq_25861247的博客
10-16 647
小程序二维码 头像 班级信息 都是动态生成。
字体感觉小了 引入的vant_3个技巧，学会动态字体海报
weixin_30670103的博客
12-10 210
点击上方蓝字，把我设置为星标☆吧昨天，第29期「字体+动效」课开始招收些学生，已有不少人报名。也有一部分人表示没接触过AE软件，感觉动态制作与设计很难，担心学不好。为了方便大家理解，我将不久前的一个教程同大家分享一下，做一个不一样的尝试！把字体、版式和动效进行结合，做几个动态字体海报，顺带着把字体在版式中应用的可能性和常用思路分享一下。咱们这次用大家最喜欢的方式来分享，上来就是实操！！在...
Java 动态生成推广海报，带用户头像、昵称、二维码
angzk
06-10 5169
继续上一篇文章的延续，二维码生成好的，那么就把他画到海报上吧。 样例（图一是效果图，图二是模板）。 工程代码 那么这里涉及到的知识如下。 绘制单文字 绘制换行文字 绘制头像 绘制二维码 绘制单行文字 /** * 绘制海报文字（默认微软雅黑/PLAIN/32） * * @param graphics ...
UI ： 2022年iOS/Android UI设计规范（1）
Siimple的博客
03-27 6万+
1.设计稿与切片稿 a.尺寸 设计稿：iPhone6 750*1334 【2倍】 切图稿：iPhone6 2208*1242【3倍】 Android 1920*1080 设计稿选择750*1334 px的原因： IOS：向上和向下适配的时候界面调整的幅度最小，最方便适配 Android：设计时只需做最小的设计调整，提升设计效率 b.切图 IOS切图——3份： .........
移动端尺寸基础知识
一片枫叶的专栏
11-25 5355
初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。现象首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800, 480x854, 540x960, 720x1280
react ui框架 移动端_移动端UI设计规范整理汇总
weixin_39628864的博客
12-03 1321
本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法，如控件间距、适配、标注、切图等，设计师在设计时并不一定要严格遵守，但对这些规范应有所了解，并融会贯通。目录界面设计尺寸及栏高度边距和间距内容布局界面图片设计比例建立统一风格的图标APP版式设计规范界面文字设计规范设计适配切图规范设计稿标注一、界面设计尺寸及栏高度目前主流的 iOS 设备主要有 iPhone SE(4英寸)、iPho...
UI app界面的尺寸规范
y_programmer_ape的博客
06-14 1万+
ios基本尺寸规范 尺寸规范、字体规范、iOS人机交互、Android和iOS的差异 一、尺寸规范 1.界面 名词解释： PPI：（ios特有）像素密度，所表示的是每英寸所拥有的像素数量 PPI数值越高，即代表显示屏越能够以高的密度显示图像。显示密度越高，显示器显示就越清晰、越真实。 视网膜屏幕：分辨率超过人眼识别极限的高分辨率屏幕 PPI计算公式： 画布尺寸 设备尺寸 开发中以iPhone6为基础（2倍图） 背景：颜色：#f5f5f5、#eeeeee、#efeff4 分割线：1px 不透明度10%
常见海报的尺寸
热门推荐
九霄星河的博客
10-21 16万+
常见海报的尺寸1. 一般海报尺寸（普通海报尺寸）2. 宣传海报尺寸、商用海报尺寸3. 标准海报尺寸4. 电影海报尺寸5. 招聘海报尺寸6. 印刷纸张规格7. 展板（KT板）8. X展架，易拉宝尺寸 1. 一般海报尺寸（普通海报尺寸） 42cm × 57cm （宽 × 高），大度四开 57cm × 84cm （宽 × 高），大度对开 2. 宣传海报尺寸、商用海报尺寸 50cm × 70cm （宽 ×...
Android UI设计常用尺寸及基本知识
Jair
06-25 5000
屏幕尺寸 指实际的物理尺寸，为屏幕对角线的测量。 为了简单起见，Android把实际屏幕尺寸分为四个广义的大小：小，正常，大，特大。 像素（PX） 代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。 屏幕密度 为解决Android设备碎片化，引入一个概念DP，也就是密度。 指在一定尺寸的物理屏幕上显示像素的数量，通常指分辨率。 为了简单起见，Android
精品专题（2021-2022年收藏）ui设计试用期工作总结.docx
10-02
精品专题课件（2021-2022年收藏）
精品专题（2021-2022年收藏）ui设计师职业规划.doc
10-02
精品专题课件（2021-2022年收藏）
信息化系统建设-UI设计规范.pdf
07-15
全面、详细的介绍信息化系统设计中，用户界面,用户体验（UI\UE)的设计标准、规范。
UI设计好文--颜色与UI
02-21
顾名思义，GUIs（GraphicalUserInterfaces，图形化用户界面）从视觉上展现了它们的特性与功能。...本文将对用户体验的概念加以介绍，并着重探讨在UI设计中所推荐的颜色以及颜色感知等内容。用户体验用户体
Unity中的UI系统之UGUI
K_CRACKING的博客
04-22 942
UGUI是什么UGUI是Unity引擎内自带的UI系统官方称之为:Unity UI是目前Unity商业游戏开发中使用最广泛的UI系统开发解决方案它是基于Unity游戏对象的UI系统,只能用来做游戏UI功能不能用于开发Unity编辑器中内置的用户界面如何在Unity中使用UGUI直接在Hierarchy窗口中右键选择UIUI中所有内容都是UGUI相关控件六大基础组件1、Canvas对象上依附的:①Canvas:画布组件,主要用于渲染UI控件②。
vue 实现级联选择器功能
清音的博客
04-22 505
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
APP开发_ js 控制手机是否显示状态栏
突破编程
04-22 1079
js 控制手机是否显示状态栏
[Android]引导页
最新发布
Gamin
04-22 463
使用Kotlin + Jetpack Compose创建一个左右滑动的引导页, 效果如图.
element-ui和vant-ui的区别
06-28
1. 设计风格：element-ui的设计风格更加简洁、大气，适合企业级应用；vant-ui的设计风格更加轻盈、时尚，适合移动端应用。 2. 组件数量：element-ui的组件数量较多，包括表单、布局、导航、数据展示等多个方面；...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值