UI设计主要包括三大版块。首先是web界面设计，这是web界面设计的核心，涵盖网页界面设计和PC客户端软件界面设计。接着是移动界面设计，这是课程的核心内容。涉及到四种主流风格的图标设计（2D、3D、剪影、写实）和交互设计（基于Android和iOS），以及针对Android、iOS、WP的移动界面设计。
UI设计涵盖众多领域，主要分为研究界面、人与界面、研究人三大方面。国内多数UI设计师专注于产品外形设计，旨在提升软件用户体验，他们的专业背景多为美术设计，如工业外形设计、装潢设计、信息多媒体设计等。交互设计作为UI设计的基石，在图形界面出现前，UI设计师即等同于交互设计师。
UI设计的主要工作内容包括以下几个方面：平面设计：线上设计：如线上宣传用的海报、广告图等，这些设计旨在吸引用户的注意力，传达特定的信息或品牌形象。线下设计：包括宣传册、宣传折页、单页以及展架等，这些设计注重实体媒介的展示效果，帮助品牌在线下场景中建立认知。
使用HTML编辑器设置固定宽度和高度的段落，并插入图片。 设置段落和图片的样式，使图片宽度与父级相同，并清除父级的高度，使子级高度自动适应。 将图片设置为块状元素。 打开浏览器查看固定大小的图片。网页标准像素尺寸包括： 800×600分辨率下，网页宽度不超过778，高度根据内容决定。
首先打开html编辑器，设置一个p并对p设置固定宽度和高度，还要在p里面插入一张图片。接着在上方设置p和img的样式，将图片的宽度设置为何父级一样的宽度，代码就是“width：100%；”这里的100%会自动跟随父级的宽度选择，然后将父级的高度去掉，这样子集的高度就自动化了。
在800*600下，如果网页宽度保持在778以内，就不会有水平滚动条。高度取决于布局和内容。在1024*768下，网页宽度要保持在1002以内。如果框满，身高在612-615之间。不会有水平滚动条和垂直滚动条。（dw中有一个设定的标准值。1024*768页面的标准尺寸是955*600。就顺着它的大小）。
如果下载下来的图片大小规格完全一样的话，在Photoshop中设置一个动作，就能批量处理了。head中加一个META就行了，。CSS中的百分比中指的是相对于父元素的宽度。子元素的padding-left：50%，父元素的宽度是百，子元素的margin-top：20%，那么父元素的高是百。
在制定设计规范的过程中，会形成统一标准控件库、页面元素尺寸规定、配色方案规定和视觉风格统一指导。设计者可以按照功能需求直接调用规范中的标准控件，按照信息结构需求调用不同的元素尺寸进行设计，减轻了设计过程中对交互控件选择和信息排版的思考负担。 如同技术文档一样，产品在设计方面也需要文档与规范。
下载并安装蓝湖SkETCh插件，重启Sketch后，在插件中通过蓝湖上传设计图。 选择对应团队和项目，梳理好工作内容，创建不同项目，便于团队管理。 根据设计图大小选择对应倍数，确定设备类型和设计倍数。 使用蓝湖Sketch插件绘制设计图连线，轻松展现产品逻辑。
TDesign 是腾讯企业级设计体系，于2021年12月开源。本文将从仓库目录结构、技术选型、测试方案和跨框架实现方案等方面，详细解析 TDesign 的技术方案。仓库目录结构TDesign 每个仓库对应一个组件库技术栈实现，包括技术栈实现代码和公共库 tdesign-common。
PS中把图像DPI也设成72，就能保证屏幕上显示的尺寸和打印尺寸相同，便于设计。72的PC显示器分辨率逐渐成为一种默认的行业标准，这套规则就这么沿用下来。 现在回到正题，我们怎么通过DPI来调节倍率？既然屏幕本身的分辨率是72，DPI设成72刚好是1倍尺寸，那设成72的两倍就是倍率为2的屏幕了，就这么简单。
设置合理点击范围，提高准确性。常用设计尺寸为750x 1334PX。按钮状态为默认、点击、不可用。缺失悬停状态，因操作媒介不同。按钮设计需确保可操作性，多为长矩形，适合拇指触及区域。操作方式包括单击、长按、滑动。
首先，电脑显示器的尺寸通常在19-24英寸之间，相比之下，手机屏幕尺寸普遍在4-6英寸。这导致电脑UI设计时可以容纳更多内容，无需过多层级展示。而在手机UI设计中，由于屏幕尺寸有限，内容需分层次展现，以适应较小的屏幕空间。
