网页设计的按钮大小（网页按钮效果）

本文目录一览：

• 1、怎么设置html标签中button的大小?
• 2、移动APP设计时,按钮做多大尺寸
• 3、网页设计常用尺寸大小
• 4、做交互设计时,按钮大小如何规范

怎么设置html标签中button的大小?

那么关于HTML按键的问题，也就可以得到一种说法，大小设置不都是一样的吗？其实是一样的，可以使用样式，那么样式也是要看针对什么而来的。那么按钮就是button，所以样式也是要使用按钮的样式。

html5设置按钮的宽度和高度一般是结合CSS3来设置的。

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的button标签中，加入样式代码：style=width： 200px；height： 80px；。

Button 在其属性中有value这个字段，修改里面的字就可以按钮的字了，也可以使用图片代替按钮背景。

如果有需要可以追问哦 input：input 标签规定用户可输入数据的输入字段。根据不同的 type 属性，输入字段有多种形态。

你在button里面直接写style..里面就有height，width两个属性，然后就可以设置大小了。

移动APP设计时,按钮做多大尺寸

1、默认最低也有回32*32，48*48，64*64，128*128，256*256 这几种常见的尺寸。

2、在720 x 1280 px 的设计稿上，有两个按钮（比如登录、注册）并排一行放置，按钮尺寸最小范围均为240 x 80 px ，换算为android开发单位就是 120 x 40 dp 。

3、给出的界面元素尺寸就不统一了。Android的最小点击区域尺寸是48x48dp，这就意味着在xhdpi的设备上，按钮尺寸至少是96x96px。而在xxhdpi设备上，则是144x144px。

网页设计常用尺寸大小

网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右。1024*768 下网页的尺寸：width=955，height=600 800*600 下网页的尺寸：width=760，height=420。

网页的.宽度　 现在比较流行的网页宽度是950px，网页两边留出少许白边，简洁又大方。 1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615 之间.就不会出现水平滚动条和垂直滚动条。

pc端网页的设计稿尺寸是宽度1920px，高度最小是1080px ， 主体内容在1200px内就行，比较规范。

网页的背景多大要看对网页的要求的。网页设计标准尺寸：800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

做交互设计时,按钮大小如何规范

1、对于这一块的用法，谷歌Material Design设计规范要求：“变形浮动按钮时，需要以逻辑的方式在开始和结尾的位置转换，不要使用其他元素，并且变形动画应该是可逆的，新的变形页面也可以转换会悬浮按钮。

2、按钮需要方便用户进行点击操作，如果用户点击失败或者误点到周边元素，就会带给用户不友好的体验。若是带有文本的按钮，只要文字大小不要小于极限值即 移动设备上 44 * 44 ，通常实现出来的按钮交互热区都会满足点击需求。

3、虚拟按键可以减少你适应home键与电源键的次数，真长按键使用时间。 手机虚拟键盘是指用于全触摸手机的虚拟于屏幕的按键虚拟键盘。可直接把触摸屏上的虚拟键盘当实质键盘使用。 关于屏内虚拟按键设计的好坏，一直都存在很大的争议。