All Articles Review
点评:5事情的Adobe缪斯爱(代号)
David Smith on Fri, December 9th 0 comments
When developers put the word "Codename" in the title of new BETA application you might expect something exciting... You could well be correct! David Smith examines Adobe's latest piece of tech.

随着发布的InDesign CS5的Adobe作出了相当大的转变,对允许设计者交互式文档没有,而无需先学会什么那么任何代码,这是非常重要的位。以对象国为例面板。突然,一个互动的SWF设计的世界敞开了大门,即使是最铁杆打印设计师。所以革命,如果它是什么的继续测试版软件,代号为缪斯。

缪斯是利用CSS3网页设计的好处,但需要的编码没有一个HTML5编辑软件包。事实上该软件使非代码多数民众赞成其基本的工作流程,布局和术语更不是Dreamweaver与InDesign。它的真正打开缪斯(暂定名)的设计师,InDesign的仿真。

有很多非常好的功能,使一个人与一个基本的InDesign知识去正视真的很简单的应用程序在缪斯。我挑了我对你最喜欢的功能5。


特点:1 - 平面图

该计划的看法是在很多的方式相当于在InDesign中的“页面”面板,只有它是一个网站,把它作为一个网站地图,而不是一个文件的附加功能。

Plan View

计划。


让我们开始,首先在结构和布局。除了第一页(这将是你的索引页),你会看到小“”按钮。在按钮上点击第一页的右侧,添加了一个到现场的第二页。

An Added page.

一个额外的页面。


页面加入一个​​小的连接线。这条线将被用来生成导航,稍后您将看到。继续点击按钮来添加新页面之前或之后的旧网页。如此简单。

The bottom   button

底部的按钮


在每一页的底部的按钮具有不同的作用。点击此按钮添加同级页。同级页面只能链接内页,您将它们添加到页面。

The Sibling page

同级页。


使用按钮,以形成一个网站的结构,这意味着它并不需要很长时间,直到你有这种事情。

Site Map

网站地图。


它并不需要很大的努力。正如选定的页面在InDesign中可使用的垃圾桶删除按钮。


特点2 - 母版页

作为一名设计师,你知道如何在您的设计的重要的一致性,是为用户体验是一个很好的,不论使用何种介质。缪斯在使用母版页是一个伟大的方式,以方便这一点。如果你熟悉在InDesign中的母版页,那么你已经理解这个概念。如果你是新的母版页的最佳的肖像,我可以认为你是为模板。

A Master Page.

母版页。


双击打开它的母版页。请注意,有两个指南对吗?这些预设顶对页眉和页脚的底部对。

Header guide

头指导。


调整它们像任何指导,让他们到的位置。

广场的内容,需要多个页面上的一致按下Command - D到空旷的地方选项,或通过选择的工具之一,例如文本框或形状产生。

Content placed on master page plus tools

内容放置在母版页,加上工具。


尝试通过添加更多的母版页或复制(右键单击并选择“复制”)当前和修改有一些变化。

母版页自动应用到所有页面。到您的网页应用不同的母版页,母版页从母版页组拖动到在计划视图的页面,并释放它的页面亮点时。

Page with master applied and extra content

与主应用和额外的内容页。


那里没有母版页内容,页面仍然可以进行编辑,因此在现实中的页面可能作出该网页上添加80%和20%的内容例如母版页的内容。

提示:母版页,仍然可以在母版页“组编辑,只记得,母版页所做的任何变化是全球性的,因此将在有特定的母版页的网页反映。


特征3 - 对象钢钉

使用CSS中的位置格式化选项针的对象在浏览器窗口的位置可以是相当复杂的,如果你不确定你在做什么。缪斯然而,正是这样做的一个简单但非常有效的方法。

The Pin option

PIN选项。


在页面上选择一个对象或组不应该从当前位置,也许是例如导航栏。

Navigation selected and pinned

导航和固定。


在控制面板中点击PIN的选项之一,我选择了左上角。

点击“预览”按钮,看看你的HTML页面,现在尝试滚动页面(您可能需要添加更多的内容,使滚动)。

Pinned object stays put

固定对象原地踏步。


固定对象保持固定的浏览器窗口,而不是页面的左上角。


特点4 - 自定义导航

在该计划视图中,我有一个网站的结构,被命名为所有的页面和同级页。

Plan view busy

忙碌的计划。


现在我用这个网站的结构,自动创建网站导航。

Widgets

的部件面板。


拖到网站上的第一页的菜单,并将其放置在的位置。

提示:母版页是一个理想的位置为这种类型的事情。

Menu on the page

页面上的菜单。


这个小工具是一个聪明的小部件,自动命名每一个环节,并创建一个超链接到页面。

The Options area

选项​​的HUD。


在这里你可以选择什么类型的菜单,如什么级别的导航你想要的,页面仅包括实例的同级页愿望。

The Control Panel

控制面板。


风格的菜单,以配合您的网站使用像许多其他Adobe应用程序的控制面板中的颜色选项和字体选项。


特点5 - 从Photoshop CS5导入按钮

这是我最喜欢的功能,因为它允许使用Photoshop图层按钮状态的按钮设计。

Photoshop layers

Photoshop图层。


在这里,我有一个Photoshop图像,我所做的,与每个国家的不同层设计的按钮。

早在缪斯,将Photoshop文件作为Photoshop的按钮选择“文件”

Button Options

按钮选项。


在选项框,持久性有机污染物赛每一层的每个按钮的状态,向上,然后在等放置在页面上的按钮。

切换到预览模式和测试按钮。每个Photoshop图层显示光标激活时,其相应的状态。

The States panel

“状态”面板。


各国面板允许每个Photoshop的按钮状态进行监视和放置后修改。


结论

拥有的Adobe与缪斯袭击合适的课程,或什至不管它可能是在发射时间称为?我不得不说... ...没错!缪斯是一个伟大的工具,为设计师转让自己的知识,没有涉及代码,从印刷到Web。不,我说什么是编码错误,但许多设计者的HTML和CSS不是他们的工具集的一部分。

如果你想尝试Beta版的缪斯,然后访问Adobe网站,并在这里免费下载。


Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: