1. Web和Ui设计尺寸规范有哪些
WEB端
必备元素：logo、培并做menu（导航）、banner（动效【flash、H5】）、内容区（新闻、企业简介、产品展示...）、版权信息（版权所有、联系方式）
可选元素：搜索、电话、在线客服、流量统计...
用户体验习惯：左：浏览区域、列表区域
右：功能区域、内容区域
字体：最小12px，最黑#333333
字体12px、14px、16px效果选择无，其他字号则用锐利配衡、犀利、浑厚等
标题部分字体：14px~24px（尽可能采用雅黑）
正文部分字体：12px、14px（雅黑或者宋体），字行距一般为1.5~2倍之间。
尺寸规范：在分辨率1024px*768px的情况下，满屏宽度为1003px，通常定义可视范围为920px~1000px之间。常见：宽960px、980px、1000px，一屏高度650px。
UI方面
iOS
iphone字体、字蔽团号标准
字体：中文：苹方；英文：旧金山
字号：正文最小24px；常驻栏icon20px
Andriod字体：中文：思源黑体；英文：roboto
字号：注释最小：24px；文本：28px；文章标题或图标名称：32px；导航标题：36px（在这里为720px*1280px的尺寸下设计规范，注：1sp=2px）
界面尺寸
图标尺寸
以上内容希望可以帮到你！
2. 什么是基于web的UI设计做web的UI设计需要掌握什么技术
web是网络，UI是界面设计。
基于web的UI设计就是基于网络的用户界面体验设计。
比如我现在回答问题的这个网页界面，打字的区域是文字输入框，框上是问题，框是直角而非倒角设计，而同问、匿名和提交回答，还有右侧的 签到，帮助更多人按钮都是有倒角的。。。。
总之你上网看到的一个界面 就是一个界面设计。但想我上面说的这个界面，就是很烂的界面，连按钮都不同意，你看搜索答案，我要提问和我要回答按钮又是直角按钮。。。
需要的技术：
1、设计能力.
2、理解与沟通能力，设计心理学。
3、软件使用技巧。
你可以看一些UI比较好的网站，比如BING的搜索页面。不像网络只知道抄袭某已经离开的大哥，二十另辟蹊径。。。
3. 使用jQuery UI库开发Web界面的简单入门指引
一．jQuery
UI
jQuery
UI
是以jQuery
为基础的开源JavaScript
网页用户界面代码库。包
含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很
好交互性的web
应用程序。
jQuery
UI
的官网网站为：http://jqueryui.com/
jquery-ui-x.xx.x.custom.zip
。里面目录结构如下：
1.css，包含与jQuery
UI
相关的CSS
文件；
2.js，包含jQuery
UI
相关的JavaScript
文件；
3.Development-bundle，包含多个不同的子目录：demos(jQuery
UI
示例文件)、docs(jQuery
UI
的文档文件)、themes(CSS
主题文件)和ui(jQuery
ui
的JavaScript
文件)。
4.Index.html，可以查看jQuery
UI
功能的索引页。
二．CSS
主题
CSS
主题就是jQuery
UI
的皮肤，有各种色调的模版提供使用。对于程序员，可以使用
最和网站符合的模版；对于美工，也提供了没有任何样式的模版基于设计。
可以在这里：http://jqueryui.com/themeroller/
查看已有模版样式。
三.
简单引入
由于jQuery
UI
不同组件的引入都有类似的特点和语法，所以这里只介绍两种组件
的引入方式，这样可以以此类推其他组件的引入方式。
button
按钮
//将button
按钮设置成UI
$('#button').button();
dialog
对话框
//将div
设置成dialog
对话框
$('#dialog
').click(function
()
{
$("#dialog
").dialog();
});
这样的形式，可以得知，jQuery
UI的引入都是这样的
组件名()
方法的形式引入。