视觉设计师应该掌握的五类交互逻辑
返回本版】  【发表帖子】  【回复帖子 浏览量  1247      回帖数 0
lanlan123    等级  

楼主 发表于  2019/10/14 15:05:31    编 辑   


蓝蓝设计追求的是:快乐、自由、积极、向上、与众不同、大胆想象、追求卓越、冷静睿智、奋斗、坚持到底、勇者无惧、进无止境。
我们是顾问,是参谋,我们将为客户长期提供UI界面设计竞品分析、交互设计、界面开发实施全方位提供解决方案的创新型设计公司
日常工作中,经常听到交互和视觉同学有着如下对话:
o视觉同学:「这个内容我想换个位置,可以吗?」「我可以用另外一种布局方式嘛?」…
o交互同学:「你这里的表达有些歧义,用户容易误解,需要修改。」「这里层级关系不太对,应该更强调XX内容。」…
可以看到,无论交互还是视觉同学的提问,其实都是围绕「信息」表达的逻辑。视觉同学设计过程中,应该如何理解交互稿件,并进一步体现交互的层级逻辑?是否可以对交互稿的布局进行调整发挥?我们通过案例来一起看看。
目前,页面类设计一般分为运营型和平台型。
运营型
关注重点:「活动利益点」「模块内容顺序」「视觉发挥空间大」
活动页设计中,信息的层级表达相对简单,一般分为主氛围图-体现活动主题、内容展示区-直接转化、尾部兜底区-相关扩展。这类型需求,重点在理解交互稿中主题的表达、内容区的分类及重点元素体现。视觉设计师在该类型的设计中,发挥度是很大的。
平台型
关注重点:「层级结构」「浏览顺序」「视觉在信息逻辑之上发挥」
平台类设计项目,交互设计师通过页面框架、模块设计来表达产品/运营的策划思路,涉及内容及模块更多,且包含着复杂的逻辑关系。一个优秀的平台视觉设计师,应当是通过好的视觉表达,按照交互信息层级关系,将信息内容传递给用户。这里视觉同学要避免两个误区:完全按照交互框架和排布,只是纯粹填色;从「好看」的角度重新布局,忽略交互层级关系。
1. 元素位置及表意
模块中各元素的浏览引导(眼睛浏览路径)需要严格按照交互逻辑,元素的表达和位置可以根据逻辑发挥。
2. 模块比重及样式
视觉表达要关注信息模块的比重,视觉侧好的想法也要直接提出和交互及业务方讨论
3. 控件样式
我们以TAB来举例,TAB形式体现的是并列关系的多个模块呈现,视觉设计师可以根据不同场景用不同视觉方案来呈现。
4. 元素顺序
元素的不同呈现顺序会体现不同的交互逻辑。
5. 模块层级关系
模块间的层级关系,可以通过去色来快速判断,是否符合交互浏览要求。去除颜色和元素对界面视觉优先级的影响,更聚焦逻辑本身。
小结
交互稿中体现的逻辑,涉及到样式/位置调整的,我们应遵循原则:「在保证信息顺序、层级关系、信息占比逻辑正确的前提下,视觉可以进行专业的各种发挥」。
欢迎访问,开始愉快的合作!
网站:www.lanlanwork.com
全国统一客服热线:400-608-6026
公司邮箱:weibaobei@163.com
1
表情
所有内容均为会员自愿发表,并不代表本站立场.