| 视觉设计师应该掌握的五类交互逻辑 | |
| 【返回本版】 【发表帖子】 【回复帖子】 | 浏览量 1305 回帖数 0 |
 |
lanlan123 等级 ☆ 0 楼 发表于 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 |