pc端饮食类网页设计（餐饮类网页设计）

ui设计包括哪些类型?

1、除此之外，还有AR、VR、银行取款机界面、自助取票机、智能手表等领域的UI设计。这些设计在当前尚未广泛流行，但随着技术的发展，它们将逐渐成为UI设计的重要组成部分。对于刚入门的UI设计师来说，可以逐步探索并学习这些领域的设计技巧。

2、移动端ui设计包括手机和平板上的app设计与主题设计，这是当前主流ui设计领域。随着移动互联网的迅猛发展，多数公司聚焦手机APP的开发，学习移动端ui设计成为入门首选。PC端ui设计聚焦在电脑软件界面，包含软件及网页按钮设计等。与移动端相比，PC端设计较为宽松，允许更多创意发挥空间。

3、UI设计按用户和界面来分可分成四种UI设计。分别是移动端UI设计，PC端UI设计，游戏UI设计，以及其它UI设计。移动端UI设计 移动端UI设计，也就是手机用户，界面指的就是手机界面，也就是说手机上的所有界面都是移动端UI设计。比如微信聊天界面，QQ聊天界面，手机桌面 。

基本网页设计中的尺寸选择

1、在基本网页设计中，尺寸选择应遵循以下原则：PC端网页安全区域宽度：通常选用1200px作为设计标准。这一标准主要基于当前主流设备的分辨率，特别是1920*1080这一分辨率占比高达494%，且大部分屏幕分辨率超过了1366*768，因此无需对1366宽度以下的尺寸做特殊处理。

2、在设计和实现PC端网页时，通常选用1200px宽度作为安全区域的设计标准，这一标准主要基于当前主流设备的分辨率和栅格概念的出现。根据百度流量研究院的最新数据显示，2019年10月份我国网民访问PC网页的主流设备分辨率仍为1920*1080，占总百分比为494%。

3、*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

4、-1080，这是目前常用设备中最大的尺寸（除了Mac 5K屏）。1440-900，常见于15寸MacBook pro，是许多UI设计师的首选。1366-768，这是普通PC电脑的分辨率。1280-800，13寸MacBook Pro的代表分辨率。考虑到Retina屏幕的特性，13寸和15寸MacBook的分辨率虽大，但实际显示效果与上述范围相近。

初识网页设计(PC端界面设计)

1、网页设计，这是一门融合了艺术与技术的领域，它的核心在于构建直观、高效且引人入胜的用户体验。它涵盖了多个关键环节，如界面设计的流程与规范、风格的塑造、色彩的选择、排版的艺术以及与用户交互的灵动元素。响应式布局的实现，如Html5，使得网站能适应不同设备，展现出卓越的适应性。

2、界面设计也可以包括网页设计，两者具体也有一些不同：载体不同界面设计的载体比较多，除了我们常用的手机以外，还有电脑、平板、电视、取款机、购票机、游戏机、汽车显示屏等，基本有屏幕的地方都会用到UI界面设计；网页设计的载体比较单一，基本是PC电脑端和移动端的手机、平板等。

3、UI界面设计主要面向的方面有：软件基础及视觉手绘设计、网页版式设计、移动端界面设计、跨平台界面设计等。UI设计重点需要学习的课程有PhotoshopCC、AI Axure flash交互动画、div=CSS、HTML5 css3 H5等软件及开发工具，界面设计首先是要掌握ui设计的基础，然后在学习与设计相关方向的知识。

4、UI设计都包括：web 界面设计，网页的界面设计是 Web 界面的核心内容。包括 web 界面设计、PC 客户端软件界面设计。移动界面设计，移动设备界面设计模块的内容是整个课程的核心。

5、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“html”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。下面我们来制作网站站点，在电脑上建一个文件作为根目录。

7本布局7种布局详解网页排版必备

1、单列布局：整体都在同一列中，适合简单的页面和长文本。 分列布局：将页面划分为若干列，每列盛放不同的内容。 网格布局：将内容分成网格状的布局，更适用于图像展示、电商等页面。 杂志式布局：页面像杂志一样设置了多个区域，展现一些精美的图像、大量的文字和一些可交互的内容。

2、UI网页风格主要有图与线叠加、纯文字版式、图文混合、圆形版式、文字轮廓化、玻璃质感、使用线条这7种类型。图与线叠加：通过线圈、文字叠加图片，让布局看起来层叠纵深，具有聚焦、简约而不简单等特点。纯文字版式：比如放大、重叠文字等，看起来近似图形化。

3、网页的字间距，字体数量的控制，控制整体文本的字间距，能够让内容的可读性、文本段落的松紧显得更加合理。而字偶距在标题、展示性字体设计当中，起到关键的作用，甚至会影响整体的风格。当你的网页中使用过多的字体的时候会成为视觉噪音。绝大多数的项目会将字体数量控制到2到3种。

4、添加分栏 完成文本内容的输入后，切换到【页面布局】选项卡，在【页面设置】组中，点击【分栏】下三角按钮，在下拉列表中可以直接选择并应用以下五种分栏方式：一栏、二栏、三栏、偏左、偏右。