Artisteer 3经验分享之一

聪头话斋:我命由我不由天!当然了,这话不是聪头说的,但是聪头常说的话。什么,你没听聪头说过?那是因为聪头经常在心里说的啦……

好,这是聪头的第一篇经验分享博文,俗话说:千里之行,始于足下;九层之台,始于毫末;冰冻三日,非一日之寒……好了,俗话通常就是废话,所以废话少说,现在就来介绍本文的主角:Artisteer 3,掌声鼓励!

Artisteer 3是一个傻瓜式的网站模板制作工具,可让不懂html,css,php,asp等等乱七八糟东西的新手在几分钟内做出各种网站模板,包括asp.net的应用,WordPress、Drupal、Joomla等博客主题、CMS网站模板!程序最新版是3.1,有两个版本,分别是家用及学生版和标准版,售价分别为49.95美金和129.95美金(真贵!),详细信息可上其官网查询。网上已有XX工具,但是XX过程稍微复杂一些。但是如果粗心大意,XX不完全,程序只能导出为模板但不能保为.artx文件以作日后修改。这里演示所用版本为3.1.0.48375。聪头敬畏知识产权,不会在此公布XX的信息。各位若有需要,订购一个正版授权才是正路!

Artisteer 3 “关于”对话框

安装过程就不细述了。无非就是:同意协议,安装路径,更新历史,诸如此类。安装完毕后运行程序,就是如下的对话框:

Artisteer “新建”对话框

聪头水平时间有限,本文就单单介绍WordPress部分。单击WordPress模板,进入主界面如下:

Artisteer主界面

主界面各部分跟Microsoft Office 2007或Microsoft Office 2010相似,相信各位对这个UI不会陌生了吧,功能区(Ribbon)里各选项卡负责不同部分的设计,我们从左往右(其实整个操作基本就是从左往右的功能区选项卡从左往右,是不是很像玩FC红白机游戏?)逐一来了解:

Artisteer "推荐" 功能区选项卡

第一个是”推荐”:

Artisteer "推荐" 功能区选项卡

这个真是傻瓜中的战斗机,让程序随机地给你推荐各部分的设计。不过可以逐项试试找找灵感,最左边是整个主题的设计推荐,点一下就整个换了……自动化真可怕!

Artisteer "推荐" 功能区选项卡

这栏的最右边就是”输出”为WordPress主题,如果已经找到理想中的主题就输出吧,但我相信你不会那么容易就能找到吧。继续往右走:

第二个是”颜色和字体”:

Artisteer "颜色和字体" 功能区选项卡

同样地,这两部分的最左边是整个配色和字体集的推荐,包括页面,表格还有文字。依是颜色部分的”颜色”,”颜料”,字体部分的”字体集”,”排字式样”和字体尺寸。”颜色”中的”颜色主题”有多种主题化的颜色配套。如果对整合配色不满意,可再使用右边的”颜料”这组的工具进行微调。然后是字体集,聪头对字体很挑剔,聪头话斋全站使用了微软雅黑。因为这个字体中文简繁字体齐全,中西文字体的美感相当,风格统一,既适合电子应用又适合实际印刷,堪称佳作。(该字体由方正受微软委托制作,应该只是中文部分吧?汗,帮手卖广告又没收钱……)字体集只要设定标题和正文即可,亦可以保存为自定义的指定字体集。好了,选好颜色了吧?我们下一步咯,要是改变主意想换颜色,等下再回来换吧!

第三个是”版面设计”:

Artisteer "版面设计" 功能区选项卡

鬼佬的软件产业好发达,开发都是模块化的(听上去好有效率的样子),但是这个中文版有些项目翻译得不完全(可能是分块后没完整地更新,这就是模块化开发不好的地方吧?),也有些错误(如所有的”辐射光线”就不对了,明明是”圆角”嘛!),不知道是我的版本有问题抑或其他版本都是这样?闲话休提,继续首先是左边的推荐了,跳过。来到”Design Layout”,斗胆译为”设计布局”吧,这是整个页面表格的布局,是表头Header(聪头习惯称这部分为”横幅,Banner”),导航条,表单,表脚的布局、相互之间的距离、各自的宽度等。

Artisteer "版面设计" 功能区选项卡

设置不算复杂,但要注意表单应该使用固定宽度抑或弹性宽度。若选弹性宽度,可在右边的”Sheet Layout”(擅译为”表单布局”)下拉菜单中再设定宽度范围,聪头建议用不定宽度,因为不少流行的手持设备可横可竖,其浏览器可自行计算最佳的显示宽度。但实际应用要视乎各位设计的特点。接着再表达一下不满,什么”空白页边”,还有什么”内边框周围的间距量”……英文原版是”Margin”和”Padding”,擅译为”表外边距”和”表内边距”。

Artisteer "版面设计" 功能区选项卡

然后是分栏了,看具体设计需要而定,以后整个主题完成后可在新建页面的时候选择单列还是多列,进一步经验分享可参考Artisteer 3经验分享之二。

Artisteer "版面设计" 功能区选项卡

再往右是边栏的块布局,就是”小工具”的顺序,各位可以在主题做好,安装好以后,再在WordPress的小工具那里调整。我们继续往后面走:

第四个是”内容”:

Artisteer "内容" 功能区选项卡

这部分的设置不多,但比较繁琐,跟做网页的步骤差不多,各位有耐心地各项选定就是了。”Headline”在这里译成”头条新闻”好奇怪。好了,我们先跳到下一个吧。

第五个是”背景”:

Artisteer "背景" 功能区选项卡

这部分设置背景的底纹,底色,渐变效果,还有新兴的眩光,怎样好炫吧?不过聪头不大喜欢这些玩意,所以在聪头话斋里各位看到的效果不多。

第六个是”表单”:

Artisteer "表单" 功能区选项卡

好,这个跟前面的”版面设计”有所重叠,相信对各位来说不算困难吧?

第七个是”标题”:

Artisteer "标题" 功能区选项卡

“Header”这部分比较多东西,这里是吸引浏览者眼球的重要部分,不妨弄得花哨些也可。当然了,聪头对这个仍然不大感冒,不然也不会用”花哨”一词。程序预设了多种底图,多种眩光、渐变效果,还可按网站的主题添加前景照片,还可以添加flash……好吧,各位看自己需要添加吧!继续往后是主标和副标,还可处理为公司名和口号,然后是这些标题的样式,包括字体大小,标题位置等。

第八个是”菜单”:

Artisteer "菜单" 功能区选项卡

这个通常叫”导航条”,版面设计跟前面的功能相同,所以各位不怕再在这里作更改。这部分跟”标题”选项卡一样提供了多种预设样式和特效,各位同样地从左往右设置和调整吧。

第九个是”布局”:

Artisteer "布局" 功能区选项卡

老大,这明明是”块布局”……好吧,有多种预置的风格,选好后还可以逐项调整。

第十个是”垂直菜单”(为了尊重原著我用了味如嚼腊的直译):

Artisteer "垂直菜单" 功能区选项卡

聪头手上的版本没这个中文,擅译为”竖向导航”吧,这是Artisteer所生成主题的特色之一,提供多一个菜单,供用户给内容作更进一步的细分(或者是无聊的重复)。这个竖向导航可以在主题安装好以后在WordPress的”小工具”中设置启用或不启用,默认可显示”页面”或者”分类”,若想显示别的菜单,先在”小工具”中启用了,再另外选别的菜单就可以了,当然了,前提是你的”菜单”中有别的菜单。

第十一个是”按钮”:

Artisteer "按钮" 功能区选项卡

各种按钮的样式,效果,不过WordPress中按钮的应用不算多,能省即省。Artisteer的3.1版本甚至将3.0版本还预置的”搜索”按钮省了,留下一个放大镜在搜索框右边。这就是所谓的”减法”!

来到最后一个:”页脚”:

Artisteer "页脚" 功能区选项卡

页脚的内容不多,但是要设置的项目不少,因为就”文字”就有几个子项要设置。”Text”就是”文本”啊,这个都不会翻译吗?这个”Text”亦可输入html或其他文本。聪头会在下一篇博文Artisteer 3经验分享之二中跟大家分享更多。

好了,各项都设置好了的话,我们来输出咯!在快速访问工具栏中(对了,就是嵌在标题栏左边那个)有”输出工具”,这按钮没文字告诉用户这是”输出”工具,单单一个弯箭头的图标,不知道大家理解有没有困难。点了之后弹出”输出”对话框:

Artisteer "输出" 对话框

没错,到现在你还可以更改为别的网站模板,Joomla,Drupal,等等,还是老老实实先做好一个WrodPress的吧!把”File Name”和路径定好,看需要是否要在压缩包中加入artx文件。

等等,别忘记右下角的”选项”!

Artisteer "导出选项" 对话框

点击”选项”后,弹出”导出选项”如上图(”输出”、”导出”译文不统一!),聪头喜欢的设置就是这样的,至于为什么不显示”Home”,聪头以后会再跟大家分享。如上文所述,菜单来源可在WordPress中的”小工具”中再作更改。其他的选项,例如”Description”各位可根据实际情况作设置好。然后就是确定,然后输出,大功告成!!!

聪头总结:Artisteer是个很傻瓜的主题自动生成软件,各种”推荐设计”可自动智能地组合预置设计和预设效果,还有就是颜色更改的时候,程序自动识别深色浅色,无论做个人抑或公司的博客或网站都很方便,更重要的是,它不要求用户具备html,css等知识,大大节省了用户的时间,对于既无it部门又想网上建立网站的中小企业来说很有价值。但是聪头还是要提醒各位:”内容为王!”一个博客或网站的核心价值永远体现于其内容,而不是外观!所以,Artisteer能帮助用户的是节省宝贵的时间做好博客或网站的架构,然后用这些时间创造更好的内容!所以,如果条件允许,请考虑购买软件的正版授权!

现在聪头先提供自己所用的模板给各位下载,若懒得改的话,就直接套用吧!

[wpdm_file id=1 title=”true” ]

什么?还有不满意的地方?或许聪头下一篇博文Artisteer 3经验分享之二能帮到你,聪头日后还要做出自己的译本,供各位分享,敬请期待!


已发布

分类

,

来自

标签:

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注