0 Comments

综合案例 Morework-同行同事在线交流平台(9)

发布于:2013-05-17  |   作者:广州网站建设  |   已聚集:人围观
综合案例 Morework-同行同事在线交流平台(9)
接着把它粘贴到Axure RP中,坐标为X130:Y307,尺寸为W220:H395。这个部分是内容的背景。
接着我们把图片合并复制,然后粘贴到Axure RP中,坐标为X136:Y313,尺寸为W208:185,如下图所示:

广州网站建设,网站建设,广州网页设计,广州网站设计
拖拽一个Rectangle部件到页面中,属性如下:

名称 部件种类 坐标 尺寸 字体 字体颜色 填充 字号 样式
Rectangle X135:Y508 W142:H20 宋体 #66B40D 12 黑体
 
字体内容为"今天公司好热啊!"。然后我们为它添加一个Rollover样式,就是下划线。
然后,由于Axure RP不能调整文本之间的行距,所以对于多行文本,我们需要一行文本使用一个Rectangle部件来填写文字,如下图所示。字体都是宋体,12号,颜色为#666666。


接下来是两个Rectangle部件,分别用来显示公司和作者。属性如下:
名称 部件种类 坐标 尺寸 字体 字体颜色 填充 字号 样式
Rectangle X135:Y656 W142:H20 宋体 #666666 12 黑体
 
名称 部件种类 坐标 尺寸 字体 字体颜色 填充 字号 样式
Rectangle X135:Y674 W212:H20 宋体 #666666 12
 
这两个文字也要添加鼠标悬停下划线的效果。
最后是"顶"的部分,这个部分是一个小皇冠加上一个按钮。坐标如下:
(X310:Y647   W16:H16)

(X296:Y665   W44:H29)
现在,我们完成的部分如下图所示:

广州网站建设,网站建设,广州网页设计,广州网站设计

这就是一个"事儿"的全部展现。我们为图片,标题添加链接,链接到"single post"页面,为公司添加链接,链接到"my company",为作者添加链接,链接到"person"页面,为"顶"添加链接,链接到"single post"页面。

飞机