本帖最后由 绘儿 于 2022-1-11 10:40 编辑
一个艺术大师除了要具备创造性外,还应该考虑一些细节,比如文字、颜色、大小、应该包含什么内容,也许更重要的是,应该放弃什么。这并不容易,所以我们钦佩达·芬奇和梵高这样的大师。Web UI设计师也应该这样做。网站也是视觉艺术的一种形式。在其独特的方式上,它应该遵循许多传统艺术形式的规则。这是一门美学科学,夹杂着一些商业规则。与众不同的网站界面一定会让人感到没有压力和迷人。 我们首先看看视觉层次是什么,它是如何创建的,然后我们理解它如何在视觉的自然运动中发挥作用。 通常网站的访问者不会将网页内容全部阅读,而是采取避重就轻的原则,阅读一些醒目的内容或者感兴趣的信息。因此在进行网页布局前,首先要了解一下网站访客的浏览模式。根据人眼视觉习惯,访客在浏览网页时主要分为F模式和Z模式两种方式。
1. F模式F模式是指用户沿着左侧垂直浏览而下,先去寻找页面中每个段落开头的兴趣点,如果发现了感兴趣的点,用户就会从该处开始沿水平线方向的阅读。最终结果就是用户的视线呈F型。 ![]()
值得一提的是,通常F模式会出现在一些以文字为主的网页中,例如博客、论坛等。用户的级少逐字阅读文字,因此初始段落,副标题和要点都要保持醒目。
2. Z模式Z模式是指用户的浏览视线沿着从左到右自上而下的阅读方式。用户首先关注的页头水平方向的内容,当视线抵达尾部时则又重复遵循着水平方向从左到右的习惯模式,人眼以这种模式移动时,浏览视线形成了一个虚构的“Z”形。 ![]()
Z模式几乎可以适用到任何的网页交互,能够将重要信息自然而然地突出。 Z模式的优点就是简单,简化布局可以增加转化率。
精华推荐:UI设计师如何自我介绍最有用!
如何向面试官介绍你的项目
从工作对接——告诉你UI设计师的工作流程
破解HR常见5种面试套路,助你轻松拿下Offer
初级设计师面试失败,大部分败在这50个问题上
设计面试——应聘机试题怎么破1
设计面试——应聘机试题怎么破2
设计面试——应聘机试题怎么破3
-------------------------------------------------------------------------------------------- 希望我们整理的面试宝典助你面试成功! 如果有用,记得点赞留言哦~ 获取【UI设计视频教程资料】加绘儿 ![]() : 2168934524 --------------------------------------------------------------------------------------------
推荐阅读:![](static/image/smiley/dadatu/dadatu34.gif)
|