安卓版网页设计（手机版网页设计app）
本文目录一览：
PC端和移动端网页设计的字体规范是什么?
网页端 常用的字号有哪些呢？ 网页中文字字号一般都是宋体12px或14px（无状态），大号字体用微软雅黑或黑体。大号字体是18px、20px、26px、30px，一般使用双数字号，单数的字体在显示的时候会有毛边。
PC端网页当中默认字体为宋体，我们再设计时候需要注意最小中文字12像素必须选择宋体，字的属性选择无。因为中文字只有12像素宋体效果无才能看清。大于114我们一般用黑体。最小英文Arial可以是9像素一般很少用。移动端ios我们设计字体为苹方，安卓我们就用黑体就可以。
- 页脚文字使用12号或14号字体；- 正文中的大标题字体大小为24至32号；- 标题文字建议使用18px、20px、24px、28px或32px，尽可能选择双数大小；- 按钮文字大小为14至16号，根据实际情况可调整。
字体排版规范 最佳易读性规范 行宽 传统图书排版每行最佳字符数是55—75，实际在网页上每行字符75—85更流行。
在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。
移动端网页怎么设计尺寸
1、目前需设计的端口主要有：web端（即网页）、移动端（APP、小程序等移动设备）、IPAD（IPAD是一种移动设备，但也有自己特定的尺寸）、智能设备（例如智能电视、智能手表等等）。由于我更多接触的是web端和小程序端口，后面会以这两个为主。
2、可以通过这个测试页面来看看你的移动设备屏幕宽度，这是逻辑像素宽度。 以iPhone 5s为例，屏幕的分辨率是640×1136，倍率是2。浏览器会认为屏幕的分辨率是320×568，仍然是基准倍率的尺寸。所以在制作页面时，只需要按照基准倍率来就行了。无论什么样的屏幕，倍率是多少，都按逻辑像素尺寸来设计和开发页面。
3、主图尺寸：800*800像素（6张）详情页：PC端750px ，移动端640px。PC端首页宽度默认是990px，侧边栏790px、150px选项。全屏通栏是1920px。店招尺寸为1920*120px（也可以1920*150px）。详情页宽度默认为990px，也可以做成750px和790px（以前是这个尺寸）。
4、经常在做移动端网站时，我们会听到一些人说原型稿屏宽做成320px，设计稿做2倍640px，网上也有很多文章说这样说，H5网页的设计稿做成2倍普通屏分辨率就行了。这是一个历史遗留问题，这里提到的屏宽，更确切的说，是将viewport设置为width=device-width时的宽度，习惯称这个宽度为屏宽，也就是设备独立像素的宽度。
做手机网页要考虑哪几种尺寸呀
1、移动设备常见屏幕尺寸：-iPhone11ProMax：414px×896px -iPhone12ProMax：428px×926px -SamsungGalaxyS21：1080px×2400px -GooglePixel5：1080px×2340px 响应式设计原则：在进行手机网站建设时，一般会考虑不同屏幕尺寸的设备，包括小屏幕的智能手机和大屏幕的平板电脑。
2、首先，我们都知道移动设备的屏幕尺寸非常大，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800，480x854，540x960，720x1280，1080x1920，还有传说中的2K屏。iPhone的碎片化近年来也愈演愈烈：640x960，640x1136，750x1334，1242x208。 不要被这些尺寸吓倒。其实大部分app和手机网页都可以在各种尺寸的屏幕上正常显示。
3、*60，应用最为广泛的广告条尺寸，用于页眉或页脚。88*31，主要用于网页链接，或网站小型LOGO。
4、手机端网页设计尺寸如下：屏幕的分辨率是640乘以1136；倍率是2。用户界面（User Interface，简称UI，亦称使用者界面）是指对软件的人机交互、操作逻辑、界面美观的整体设计，是系统和用户之间进行交互和信息交换的介质。
5、实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。 像素密度 要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480x800的屏幕，就是由800行、480列的像素点组成的。
手机网页设计排版需要注意的几个事项
手机网页设计注意事项：网页的结构布局和整体规划现在社会大多数手机用户，都不喜欢通过pc端来登录网站，往往最快捷的方式便是通过手机登录网页，所以网页作为大家首先步入眼帘的一个板块，设计者在手机网页设计方面更加要别具匠心，这样才能收获流量，获得盈利。
安全宽度与扩展区域让页面适应主流分辨率 与PC上网页的做法一样，确定一个安全宽度，把重要信息控制在640PX宽度内（以iphone分辨率为安全宽度。目前主要浏览器在iphone4S下的首屏高度如下，可以根据具体页面投放的渠道做相应的首屏高度。
手机网页设计要注意的事项有：图片少用PC站因为用电脑看，整个屏幕会比较大，如果图文并茂，图片多一点会显得更加美观，增加访问量，但是这种模式不适用于手机网站，因为手机站屏幕比较小，看的东西有限，再加上手机站如果使用太多图片，会耗手机流量，影响用户体验度。
手机端网页设计尺寸多少
1、手机网站建设中，一般采用响应式设计来适配不同尺寸的移动设备。
2、Android的最小点击区域尺寸是48x48dp，也就是说在xhdpi设备上，按键尺寸至少是96x96px。在xxhdpi设备上，它是144x144px。 无论画布设置多大，我们设计的都是基准放大的界面风格，开发者需要的单位都是逻辑像素。因此，为了保证准确高效的交流，无论是在标注还是日常交流中，双方都需要从逻辑像素大小的角度来描述和理解接口。
3、手机端网页设计尺寸如下：屏幕的分辨率是640乘以1136；倍率是2。用户界面（User Interface，简称UI，亦称使用者界面）是指对软件的人机交互、操作逻辑、界面美观的整体设计，是系统和用户之间进行交互和信息交换的介质。
4、网页尺寸：自己或者企业的话，这个你随便定，一般宽度是在950-1200之间 手机尺寸：620（480）宽*任意高，要是自己或者用其他软件的话请参考软件的要求。
