Sketch 网站UI设计（下篇，共上中下3篇）.pptxVIP

Sketch网站UI设计

(微课版)

主讲老师：

07PC端网页设计

绘制网页登录界面

绘制医学网站首页

PC端网页设计

Sketch网站UI设计

绘制

网站登录界面

PC端网页设计

Sketch网站UI设计

绘制网站登录界面

客户管理

一键进入客户馆理

辣松使语的幅时湿磷客户信息

账号权限管理

张号信息可以通过图码收证随时随地惨改旅号信意妥需保警

安全保护

对临户进行安全保护

使服户处于有效盼段

数据分析

可以设置定期账户分析

进而诞免责金流失。

PC端网页设计

Sketch网站UI设计

操作方式不同

PC端和移动端网页设计的区别

PC端网页设计Sketch网站UI设计

网络环境不同

传感器不同

PC端和移动端网页设计的区别

PC端网页设计Sketch网站UI设计

剪刀工具可以用来剪去矢量图形的线条。

用户可以使用

铅笔工具来自由的绘图。

铅笔工具和剪刀工具

PC端网页设计

Sketch网站UI设计

操作案例——设计制作设置按钮1

PC端网页设计Sketch网站UI设计

旋转复制是Sketch当中一个特别的命令。它并没有出现在默认的工具栏里，用户可以通过右击工具栏并选中“自定义”工具栏，将“旋转复制”添加到工具栏上。也可以在执行“图层路径复制旋转”命令。

旋转复制

PC端网页设计

Sketch网站UI设计

操作案例——设计制作设置按钮2

MENUS

PC端网页设计Sketch网站UI设计

变形工具

变形工具可以通过改变点的位置或者制造一个视觉上的3D效果来使一个矢量图形变形。Sketch里，你可以运用变形工具变形一个或同时变形多个图层。

PC端网页设计

Sketch网站UI设计

绘制

医学网站首页

PC端网页设计

Sketch网站UI设计

PC端网页界面设计原则

以用户

为中心

内容与

形式统主题明确

视觉美观

有机整体

PC端网页设计

Sketch网站UI设计

操作案例-—绘制“休闲空间”启动页1

开始旅程

“休闲空间”致力于让你的下班时间变的更加丰富多彩，次次不重样的娱乐时间，你的创意也许就是大家的乐趣!

还不赶快加入我们吗，机会难得呦!

PC端网页设计Sketch网站UI设计

PC端网页界面的设计要点

一般来说，平面设计中的审美观点都能够套用到网页UI设计上来，并且利用各种色彩的搭配营造出不同的氛围及不同形式的美。

PC端网页设计Sketch网站UI设计

设计与技术相结合

网页界面是整个网站的“门面”,网页能否吸引浏览者，是否能够引起浏览者的兴趣，是否还能够吸引浏览者再次光临，其界面设计是至关重要的

PC端网页设计

Sketch网站UI设计

视觉导向性

用户在浏览网页界面时，界面中的文字、图像、颜色和图标等都是作为信息特征和视觉导向来对用户进行视觉引导的。对于一个网站而言，网页的清晰性、逻辑性是用户通行的保障。

PC端网页设计

Sketch网站UI设计

PC端网页界面设计风格

在网页界面设计中，大众化的网页界面布局是比较常用的。这种布局注重文本信息的快速传达，以及方便用户熟练地使用网页所提供的功能。

独特的、有创意的个性化网页界面布局不仅可以增加界面的新颖感与趣味感，而且给用户耳目一新的感觉。

PC端网页设计

Sketch网站UI设计

大众化设计风格

PC端网页设计

Sketch网站UI设计

个性化设计风格

在设计的过程中，可以根据设计师的意图和表现策略不断进行尝试，以设计出具有多样化的网页布局形态的网站。另外，还需要考虑的是这种布局形态是否符合网站的性质，以及在审美上是否能够达到一定的协

PC端网页设计Sketch网站UI设计

调性。

PC端网页设计Sketch网站UI