关闭

怎么样从零开始学好交互设计?(三)

上篇文章给大家总结了学习控件的流程“怎么样从零开始学好交互设计?(二)”,接下来就看看如何学习布局。
上篇文章给大家总结了学习控件的流程“怎么样从零开始学好交互设计?(二)”,接下来就看看如何学习布局。

1.2布局

简单来说,布局就是把控制和内容放在界面上合适的位置,给予合适的视觉重量。布局设计在网页时代非常重要。但是在移动端盛行的当代,布局设计并不那么受重视。主要原因是移动终端的布局设计趋同性大,设计需求和设计空间相对较小。但是它仍然是设计基础的重要组成部分。

1.2.1理解布局设计的基本理论

布局设计的基本理论如下:格式塔原理、网格系统、7±2法则、席克定律、费茨定律、奥卡姆剃刀原理、复杂守恒定律。在这些理论中,除了网格系统,其他理论基本上可以在网上搜索,然后在10分钟内了解。这些理论比较底层,很难直接告诉你布局设计应该怎么做。但是,它们可以成为设计师心中的尺度和依据,并将其融入到你平时的设计工作中。

为了了解格式塔的原理或其他定律,建议阅读文章《一文阅读交互设计七大定律》。
交互设计布局1.2.2布局设计的基本步骤

布局设计可分为以下四个步骤:

列表:列出界面所需的元素,例如:商品图片,商品标题,价格,优惠券,收藏,分享…

分类:将上述列出的元素分为几类,每一类是一个模块。例如,收藏、购买、加入购物车可以归为操作模块。

排序:对上述分类模块进行排序。排序的依据一般是:用户场景中的浏览顺序、元素的重要性和业务预期。

调整:影响布局的因素很多,最后需要综合其他因素来调整布局。定义和调整各元素的视觉重量。

学完基本步骤后,可以通过默写产品法来练习。例如,摘录淘宝商品详情页的元素,然后自行排列。最终与淘宝的设计进行对比,思考淘宝为什么这样设计,自己是否有思考疏忽?

控件和布局说完了,接下来就是流程了,这部分的内容要怎么学习呢?下篇文章继续给大家讲解。

以上就是“怎么样从零开始学好交互设计?(三)”的内容了,如果你还想了解其他相关内容,可以来产品壹佰官方网站。

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表