当前位置:首页 » 软件设计 » 手机网站设计尺寸

手机网站设计尺寸

发布时间: 2021-01-01 13:33:52

1. 做一个手机网站在用PS设计时的尺寸要多少才合适

320*640 640*480 480*800 800*600等等, 我之前做的手机网站用的是480*800的 ,作图的时候尺寸要求不是很严格,主要是切图的时候 宽度要自适应

2. 做手机界面设计的尺寸是多少

从设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备。

如果以iPhone为设计设备,尺寸一般是使用750x1334,1125 x 2436,1242 x 2208这三种尺寸设计都可以,750x1334是2倍图设计,1125x2346和1242x2208都是3倍图来进行设计。

如果是用PS做设计稿就用750*1334,如果是用SKetch或者XD来设计,常见是用1倍尺寸来说,也就是375*667或者375*812(iPhone X)。

如果以Android为设备进行设计,尺寸一般使用720x1280,1080x1920进行设计第一种是2倍图,第二种是3倍图。

近年来iPhone和Android的设备增多,各尺寸也逐渐变多,下面有一份安卓屏幕尺寸表:

(2)手机网站设计尺寸扩展阅读:

1、UI界面设计的基本要素:

机界面层级:idle(待机界面) Mainmenu(主菜单) Submenu(二级菜单)Third level menu(三级菜单) 界面除了包括图标和文字外,比较重要的还有function animation(呼叫,发送信息等) 以及 function interface(计算器,日历界面等)

明确意义的图标,风格鲜明的版面设计是手机界面设计的重要工作,较为流行的是以Motorola,Nokia等为代表的欧洲简单风格,以及韩国的时尚绚丽的风格。

2、设计注意事项:

尺寸问题: 480X800,540X960,720X1280,1080X1920象素尺寸是较常见的手机屏幕尺寸,在设计时可以根据实际产品要求进行设计,更大的屏幕可以有更多的交互表现和视觉元素的支持,较为自由。

色彩问题: 由于手机lcd本身的限制,在色彩的还原程度上没有pc如此完善,因此在选用色彩时要根据使用的屏幕进行调节。

可实现性问题: 受到硬件运算速度和内存的影响,以及不可预计的后台程序开发难度,过于复杂的效果将很难进行实现,与程序工程师和ui工程师,硬件工程师的沟通显得尤为重要。

3. 手机网页UI设计尺寸是多少

这个不同手机尺寸不一样,比如
iphone3 320*480 iphone4 640 * 960
android 240*320 320* 480 480* 854 这些比较常用,还有一些其他分辨率
看你具体是针对什么手机做的了!

4. 有谁知道手机网页设计尺寸。

iPhone手机网页的设计尺寸
iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸内是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二容代、第三代尺寸是320x480px分辨率是163PPI
安卓网页的设计尺寸
320dp:一个普通的手机屏幕(240X320,320×480,480X800)
480dp:一个中间平板电脑像(480×800)
600dp:7寸平板电脑(600×1024)
720dp:10寸平板电脑(720×1280,800×1280)
ipad网页的设计尺寸
iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI
以上是移动端的尺寸,单独的如果某一个移动的网站的尺寸是没有的,因为移动网站的一半情况是按照%比的尺寸 来自动适应屏幕的大小,或者也通过设置,iphone执行什么尺寸,安卓情况执行什么尺寸的。

5. 设计手机网站的尺寸是多少分辨率,分辨率为多少ppi

一般为640的宽度,长度没啥要求

6. 智能手机的网页设计尺寸多大为佳

现在的手机网站设计大都会采用百分比,所以不用考虑这个问题了。因为不是所版有手机权的屏幕大小都是一样的。【Mcmore手机商城系统】采用行业先进的HTML5技术,与传统意义上的WAP手机商城不同,使你的手机网店更加接近手机APP界面,界面交互完美而且功能完善。http://www.mcmore.com/ydds/

7. 设计一个手机网站的尺寸宽度是用640px还是750px

iPhone手机网页的设计尺寸
iPhone5尺寸是640x1136px分辨率是专326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、属第二代、第三代尺寸是320x480px分辨率是163PPI
安卓网页的设计尺寸
320dp:一个普通的手机屏幕(240X320,320×480,480X800)
480dp:一个中间平板电脑像(480×800)
600dp:7寸平板电脑(600×1024)
720dp:10寸平板电脑(720×1280,800×1280)
ipad网页的设计尺寸
iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI

8. 手机端网页设计尺寸多少

要根据不同手机不同的屏幕分辨率来规定尺寸。

一般做效果图主流都是做480*800来测试,iphone4(或s)就用640*960,但这个都只是效果图,真正开发还需要切图用点9来做屏幕适配。

常见手机显示屏分辨率:96x65,96x96,128x96,128x128,160x128,160x160,176x144,220x176,240x176,320x240,640x480,800x480

苹果4:960×640 像素,3.5英寸

三星:480×800 分辨率

小米:480×854 4英寸TFT屏幕

android手机屏幕尺寸

1280×800 854×480 640×480 480×800 432×240 400×240 320×480 320×512 320×240

(8)手机网站设计尺寸扩展阅读:

手机ui设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口,设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计,界面设计师首先应对手机的系统性能有所了解。手机UI设计一直被业界称为产品的“脸面”,好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

随着手机移动设备不断普及,对手机设备的软件需求越来越多,手机移动操作系统厂商正在不约而同地建立手机设备应用程序市场,如Apple的App Store、Google的Android Market、Microsoft的Windows Phone 7 Marketplace,给手机的终端用户带来巨量的应用软件。这些软件良莠不齐,界面各异,手机的终端用户在众多的应用使用中,最终会选择界面视觉效果良好,且具有良好体验的应用留在自己的手机上长期使用。

9. 网页设计标准字体大小为多少毫米电脑显示器,包括手机的,最好还有画布画板的尺寸 懂得给分

一般中文的字体大小是12px或者14px。随着显示器分辨率不断提高,12px的文字在大于1440*900的显示器里看起专来会显得比较小,阅读起属来不是很容易,所以现在网页设计里面用12px的已经比较少了,特别是文章正文部分,普遍都会用14px。13px的字体在IE6下面会有一点点显示上的bug,所以现在用得也不太多,不过随着IE6慢慢被淘汰,这个问题也不再是一个问题了。而对于标题栏的文字大小,没有特别的限制,视觉上感觉舒服就行。
字体大小代码:font-size:14px(字体大小14像素)
对于font-family,一般来说14px及以下大小的文字,应当设置为宋体,当然也可以设置为微软雅黑。不过在XP下默认是没有雅黑字体的,所以在css里面可以这样设置字体:
font-family:"Microsoft Yahei",simSun,Arial;
把几个字体用逗号隔开,如果系统没有第一种字体,就用第二种,如果没有第二种就用第三种,以此类推。

10. 急 请问触屏版网站设计尺寸

首先,我们先来定义一下手机的屏幕大小的归类档次:

A. 小屏幕:宽度240 px 以下屏幕或者2.4 以下屏幕

一般以非智能机为主,归在这个分类中的手机屏幕,一般是以java版本的客户端为主。

B. 中等屏幕:宽度240~320 px,或者2.4~3.0吋屏幕

智能手机以Symbian或S60 v1,2,3,Windows mobile为主流;或者是非智能手机的客户端以java版本为主。

同时包括240*320的宽屏手机。

C. 大屏幕:宽度320 px以上屏幕或者 3.0吋以上的屏幕

iPhone 手机只有两个版本的适配,屏幕物理尺寸保持一致;

Android 系统手机及衍生平台手机

Win phone 7 系统手机

Nokia S60 v5,symbian 3等

2.适配原则

1) 客户端的logo,在各个手机上都应该清晰地显示

2) 标题或者底部栏必须100%的与手机宽度适配

3) 文字内容如果显示不下的话,可以自动适配宽度进行折行

4) 图片可以根据宽度进行自动缩放,屏幕宽度超过图片本身时,显示图片本身的大小

5) 适配过程中,界面的元素的宽高最小值应该符合用户的主观舒适范围值。

6) 不能完全使用分辨率的绝对比例来对界面布局进行缩放;

热点内容
美发店认证 发布:2021-03-16 21:43:38 浏览:443
物业纠纷原因 发布:2021-03-16 21:42:46 浏览:474
全国著名不孕不育医院 发布:2021-03-16 21:42:24 浏览:679
知名明星确诊 发布:2021-03-16 21:42:04 浏览:14
ipad大专有用吗 发布:2021-03-16 21:40:58 浏览:670
公务员协议班值得吗 发布:2021-03-16 21:40:00 浏览:21
知名书店品牌 发布:2021-03-16 21:39:09 浏览:949
q雷授权码在哪里买 发布:2021-03-16 21:38:44 浏览:852
图书天猫转让 发布:2021-03-16 21:38:26 浏览:707
宝宝水杯品牌 发布:2021-03-16 21:35:56 浏览:837