当前位置:首页 > 技术文章 > 正文内容

手机端APP/小程序、网站设计尺寸及间距规范

zonemu1个月前 (09-06)技术文章19

手机端APP/小程序设计尺寸及间距规范

在手机端APP和小程序设计中,以下是一些常见的尺寸和安全间距规范,可以作为参考。以 iPhone14 Pro Max 为例,画布 430x932 pix 尺寸:

网站设计尺寸规范

在网站设计中,以下是一些常见的尺寸规范和参考值,可以作为设计的起点:

常见的PC屏幕分辨率包括:

  • 1366x768:常见笔记本电脑显示分辨率。
  • 1440x900:也是常见的笔记本电脑显示分辨率。
  • 1920x1080:这是全高清(Full HD)分辨率,也是广泛使用的网站设计分辨率之一。
  • 2560x1440 (2K):这是一种高分辨率,常见于高端显示器和一些高性能笔记本电脑。
  • 3840x2160 (4K):4K分辨率提供了更高的像素密度,可以呈现更细腻的图像和更清晰的文字,常见于高端显示器和专业设计工作站。

在进行PC端设计时,设计师应考虑使用响应式设计方法,以适应不同屏幕分辨率和设备尺寸。这样可以确保用户在各种设备上都能够获得良好的用户体验。

网站套件设计:

在设计网站时,套件设计能提供系统中所包含的常用的UI组件、样式,可帮助开发人员构建风格一致和易于使用的用户界面。

欢迎留言或私信索取以上设计规范源文件。

相关文章

据说是可以替代 Windows 的 5个 Linux 发行版

现如今有数以千计的 Linux 发行版可供您使用,然而人们却无法选择一个完美的操作系统来替代 Windows。 使用 Windows 时,傻瓜都能操作自如,同样的方法却不适用于 Linux。在这里,您...

vue3-内置组件-Teleport(vue内置指令有哪些)

Teleport<Teleport> 是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。基本用法有时我们可能会遇到这样的场景:一个组件模板的一部...

同事git push到主分支上了,技术总监怒了

事情是这样的,同事前几天提交使用git提交代码的时候不小心提交到主分支上了,关键还提交成功了,这可是他自己开发的模块,还没测试的呢。技术总监也知道了,这下他慌乱了。最后还是技术总监给他兜底了。为了防止...

迁移GIT仓库并带有历史提交记录(git 迁移仓库)

迁移git仓库开发在很多时候,会遇到一个问题。GIT仓库的管理,特别是仓库的迁移。我需要保留已有的历史记录,而不是重新开发,重头再来。我们可以这样做:使用--mirror模式会把本地的分支都克隆。//...

基于Docker构建安装Git/GitLab,以及制作springboot工程镜像

今天给大家分享的是《领先的开源自动化服务器Jenkins的应用实战》之基于Docker安装构建Git/GitLab版本控制与代码云存储的场所;使用Git管理项目,springboot工程制作镜像知识体...

web前端入门:css+html5+javascript同时学可以吗?

HTML+CSS+JS是前端基础核心知识,肯定是都要学的。在web前端中,HTML是结构标准,CSS是样式标准,JS是行为标准,三者缺一不可。说的直白点,HTML就是骨架,CSS就是皮肤,JS就是灵魂...