浅谈界面设计(四)移动端界面中的布局视觉设计

       在移动端的界面上,每一个界面都是一个场景,在这个场景中,里面每一个小元素都能左右这个场景的氛围。这里包括了形状、纹理、位置甚至是线条,产品设计时需要合理地整合这些细小零碎的元素,才能构成符合用户需求的整体布局。

        界面布局的设计思路上,你是在打造一个场景,也可以说是你在迎合某一种心理状态(或心理需求),垂直的栅格系统更符合用户的阅读浏览习惯,也能将内容层次通过区块划分,使用户对传递的信息内容是可感知的,也打造了能令人愉悦舒适的浏览信息的视觉效果。有了栅格化系统对整体布局的整合,再来考虑其中体块的形状设计,形状元素相比于色彩更加有难度,将所有的告知元素都简约图形化,这个一个交互按钮,它必须也能吸引用户去点击它,并让用户在交互层面上了解其内在的逻辑关系。


浅谈界面设计(四)移动端界面中的布局视觉设计_第1张图片

       在有了整体架构,分清识别主次的界面布局下,再要考虑的就是,元素放置的位置了,这部分的设计思路必须将操作习惯、视觉习惯、元素之间的关系、产品逻辑这几个因素考虑进去,因为这些理性因素都影响着视觉设计与用户的情感交流。操作习惯在移动设备上双手、单手的操作习惯各不相同,但整体来说,操作界面下方要比操作界面上方的元素频率要高。同时,基于大部分人的视觉阅读习惯,在电脑端,视觉的走向轨迹一般呈F型,但在移动设备上,由于屏幕尺寸限制因素,视觉轨迹呈L型。


浅谈界面设计(四)移动端界面中的布局视觉设计_第2张图片

你可能感兴趣的:(浅谈界面设计(四)移动端界面中的布局视觉设计)