ps从零开始制作网页,用ps制作网页详细教程

首页 > 经验 > 作者:YD1662022-11-07 03:03:05

熟悉的操作界面

是不是以为自己已经能够驾驭Muse了,呵呵,可以这么说。因为Muse支持PSD文件直接导入,也就是说,你在PS上作的网站设计稿可以直接导入Muse进行再编辑,当然也包括图层了,是不是太方便了,这就是血亲的好处了。

更加自由的排版

前面说了,都支持PSD文件直接导入了,那页面布局不就是和PS设计一模一样了嘛。

而且和Blocs相比,不受栅格的限制,元素的摆放可更随意,这对于喜欢不规则页面布局的设计师来说,就没有任何框架了,随心所欲了。

ps从零开始制作网页,用ps制作网页详细教程(5)

想怎么排就怎么排

两种屏幕自适应的处理方法

和Blocs一样,Adobe Muse自然也支持显示器、平板、手机三种规格的版面设计,不过其有两种处理方式。

1、标准设备分类

ps从零开始制作网页,用ps制作网页详细教程(6)

标准设备分类

标准设备分类的方法基本上和Blocs一样,支持显示器、平板、手机三种规格的版面,上图中可以看出对于平板和手机端,都局限于竖屏显示,这就会在移动设备横放时出现显示匹配出错的情况。

2、自定义中断点

ps从零开始制作网页,用ps制作网页详细教程(7)

中断点设置

所谓的中断点,就是你可以根据具体的显示设备的分辨率精确设置不同的显示效果,哪怕是同一设备和竖屏与横屏,都会自动呈现最佳显示效果。

当然要想匹配度高,就需要设置更多的中断点,来满足众多的设备,工作量比较多且烦。

有点技术含量动效

与Blocs不同,Adobe Muse中元素动效的产生简单来说有两种方法,一种是Adobe Muse自带的滚动效果,配合锚点的使用会创造出不同的视觉效果。

ps从零开始制作网页,用ps制作网页详细教程(8)

上一页123下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.