惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Jina AI
Jina AI
Apple Machine Learning Research
Apple Machine Learning Research
宝玉的分享
宝玉的分享
M
MIT News - Artificial intelligence
S
SegmentFault 最新的问题
博客园 - 叶小钗
量子位
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - Franky
博客园 - 司徒正美
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
人人都是产品经理
人人都是产品经理
Hugging Face - Blog
Hugging Face - Blog
V
Visual Studio Blog
阮一峰的网络日志
阮一峰的网络日志
博客园 - 【当耐特】
Google DeepMind News
Google DeepMind News
L
LangChain Blog
Stack Overflow Blog
Stack Overflow Blog
博客园_首页
U
Unit 42
月光博客
月光博客
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
目标设备(手机、PC、平板等)原型图尺寸规范技巧(一)
盛粒工作室 · 2024-05-20 · via 人人都是产品经理

不管原型设计是低保真,高保真,都是满足客户的视觉体验,毕竟好看的东西,客户都会多看几眼,可能就这几眼,就能觉得你的设计是否满足客户的需求,提高客户的满意度。

所谓的规划其实就是定规矩,按照一定的标准执行,这里面包含的东西就很多,比如颜色、布局以及元素规范等。

但需要知道的是:

原型图不像UI那样,确定到每一个像素;

那么原型图的规范其实就是一种约定俗成,并没有一概而论,必须怎样怎样。

而这个规范只是看起来是规范,实际上不用严格按照规范来。

画原型图需要考虑时间、效率,如果每一个步骤都按照规范来,会浪费太多的时间,我们需要再方案的产出上投入大量的精力,不要完全浪费在细枝末节上,毕竟只要UI设计师和程序猿能看懂就行,对,能懂就行。

这些规范只是让我们有一个标准,你可以借鉴一下,作为一个参考。

原型图规范-原型图尺寸

不管是手机端、PC端、平板、车机等不同的产品业态,最大的区别是尺寸。

我们不需要每个尺寸都设计一遍,完全没有必要,至于适配那就让程序猿头疼吧。

那么我们设计的时候,能不能有一个规范呢?

接下来,我给大家一个参考:

1. 手机端

针对手机端,我们只需要控制宽度即可,高度不够的时候,继续加大高度就行。

手机首屏尺寸为:375*667px

这个规范尺寸是iPhone8的尺寸,你同样也可以使用其他常用的手机端尺寸,这个没有固定的限制。

只有这个尺寸,在原型设计中,用的比较多,毕竟产品经理火的那几年就是这个尺寸火,哈哈,然后就一直沿用的如今。

我是比较建议用这个尺寸,目前市面上有名的原型软件,比如axure、摹客、墨刀等的组件都是按照这个尺寸去做的,适配的也比较好。

除了这个尺寸外,还有一些尺寸,比如:

iPhone系列:

  • iPhone4/4S:640*960
  • iPhone5/5S/SE:640*1136
  • iPhone6/6S/7/8:750*1334
  • iPhone6 Plus/6S Plus/7 Plus/8 Plus:1080*1920
  • iPhoneX/XS/11 Pro:1125*2436
  • iPhone XR/11:828*1792
  • iPhone XS Max/11 Pro Max:1242*2688

iPad系列:

  • iPad 2/Mini 1/Mini 2:768×1024
  • iPad 3/4/Air/Mini 3/Mini 4:1536×2048
  • iPad Air 2/Air 3/Pro 9.7:1536×2048
  • iPad Pro 10.5:1668×2224
  • iPad Pro 11:1668×2388
  • iPad Pro 12.9:2048×2732

Android手机:

  • 720p:720×1280
  • 1080p:1080×1920
  • 2K:1440×2560
  • 4K:2160×3840

Android平板:

  • 7寸:600×1024
  • 10寸:800×1280

2. PC端

原型尺寸建议为:1440*900

目前电脑使用最多的屏幕是1920*1080,对于原型尺寸1440的宽度,正好左边显示原型图,右侧写需求描述,在屏幕上正好展示出原型图+需求描述,不用左右滑动来看。

3. 平板端

平板端原型尺寸:1024*768

注意:平板的原型尺寸是1024*768,其中状态栏高度20px,标题栏高度44px,键盘的高度是313px,底部tab栏高度49px。

除了上述的尺寸外,还有:

  • iPad Pro 12.9:2048*2732(12.9英寸)
  • ipad Pro 10.5:1668*2224(10.5英寸)
  • ipad : 1536*2048(9.7英寸)
  • ipad mini4:1536*2048(7.9英寸)

以上部分就是针对pc端、手机端和平板端的尺寸信息,具体选择何种尺寸,根据公司的产品决定。

本文由 @盛粒工作室 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。