视觉设计无处不在。在这次作业中,你要检查你面前的设计,并尝试自己动手做视觉设计。


    审查标准
    **
    至少审查另外三份提交的材料,以确保每个人都能得到一个分数;学习者应完成更多的任务来帮助那些仍在等待的同伴。

    • 自然的网格布局

    在你的生活中,你在哪里遇到网格?通常,当一个设计成功地使用了一个网格布局时,网格本身并不是很明显;设计看起来很简洁。
    找出三个使用网格的不同设计实例。(对于懒惰的人来说,来自同一个网站的三个不同的页面不算数。)这些可能是物理文档/对象或在线的东西。在它们上面画一个网格,然后上传你的作品。这里有一个例子可以说明这是怎样的。

    • 现在轮到你了

    想象一下:你即将完成这个专业设计,你的家人非常自豪。派对时间到了!虽然这可能有点不成熟,你的任务是使用你在这个模块学到的技能排版一个毕业公告。您可以自由地使用比例、重量、位置、方向、分组和节奏。然而,你的提交必须是灰色的。只使用Helvetica字体(或Arial或类似的无衬线字体)。您可以自由使用不同的权重(如粗体)、样式(如斜体)和大写。这个作业不是关于选择一个字体,而是关于使用视觉变量来传达组织和意义。

    例如,这里有三种不同的方式,你可以使“毕业”这个词获得不同的感觉。本课中的示例动画显示了打印对话框的主要网格线和相应的内容区域。你的提交应该是一个800x600像素的图像。

    以下是你要宣布的内容:


    You’re Invited! {Your First Name} is graduating from the Interaction Design Specialization! Please join us on {Pick a date} to celebrate. {Your first name}’s portfolio will be on display from 5 - 8; the marching band will play at 7. address: 9500 Gilman Drive, San Diego, CA 92093


    审查标准
    **
    您的网格提交将根据以下标准评分,每1分:

    • 有一个设计的图像,用网格线标注。(网格1)
    • 带注释的网格线与设计的底层网格相匹配。(网格1)

    • 有一个不同设计的图像,用网格线标注。(网格2)

    • 带注释的网格线与设计的底层网格相匹配。(网格2)

    • 有一个不同设计的图像,用网格线标注。(网格3)

    • 带注释的网格线与设计的底层网格相匹配。(网格3)

    您的毕业公告设计将根据以下标准评分,每2分:

    • 有一个包含所需文本的公告。
    • 公告不使用颜色,并且仅限于单一无衬线字体的变体,如Helvetica。
    • 分组用于传递相关和不相关的元素。
    • 元素的位置是影响的最佳选择。
    • 比例是用来传达视觉层次的。
    • 视觉变量被用来传达动态和能量。
    • 所有文本都是可读的。

    这个作业总共值20分。