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