-
让品牌有温度、有情感
专注品牌策划15年
电商视觉设计的讨论话题（电商视觉设计的讨论话题怎么写）
发布时间：2023-04-04 10:53:03
稿源：
创意岭 阅读：
138
当前文章关键词排名出租
大家好！今天让创意岭的小编来大家介绍下关于电商视觉设计的讨论话题的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等
只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端
创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解相关业务请拨打电话175-8598-2043，或添加微信：1454722008
本文目录:
一、It行业电商运营视觉营销的作用是什么
视觉营销一般就是让人从第一眼对它产生兴趣，从而对它进行进一步的了解
二、视觉设计如何体现交互逻辑
视觉和交互同学在沟通时会听到以下对话：
我们在讨论什么？为什么会出现这些问题？
这些讨论都围绕着 “ 交互逻辑 ” 。接下来我会通过案例+要点的方式，和大家一起聊聊在视觉设计中要注意哪些交互逻辑，如何选择合适的方式来表达交互逻辑。
单页活动 的交互逻辑是相对简单的，只要理解交互稿中的主题表达，元素内容即可。这种类型的设计，给视觉同学的发挥度是很大的。
平台类设计 项目中，框架结构更严谨，交互逻辑的包含关系相对复杂，需要视觉同学去理解的交互表达也更多。
通过上图的交互、视觉稿对比，我们发现：这份视觉稿在理解交互稿的逻辑基础上，样式的使用非常灵活。比如服务保障区，视觉同学将内容区从banner正下方，挪到了右侧；再比如至IN尖货楼层，视觉同学将楼层的title进行了放大及突出处理...
这些变化是否改变了交互逻辑，在视觉阶段这样的调整是否合适？看完本文，你就会有清晰的答案。
可以看到，上图中新品速递的样式，在视觉环节有比较大的调整，主要是模块名称的位置和元素展示样式有了新的设计。 交互稿表达的是：这个区块的模块名称是 “ 新品速递 ” ，且希望用户第一眼就能看到；视觉稿正确的传达了这一逻辑。 至于样式选择则是视觉同学的专业范畴，可以灵活处理，包括添加new元素标签、底部填充色样式等。
这个案例中，我们需要了解到元素的视觉顺序（眼睛浏览路径）应严格按照交互逻辑，而元素表达可由视觉同学灵活处理。
你觉得下面这组案例，视觉稿件是否完整传递了交互逻辑？请先自己思考一下，再来看我的答案。
交互逻辑上，我们可以看到：整个区域有两个模块，“ 正在进行 ” 和 “ 品牌精选 ”；每个模块有四个等大的展示单元格。而视觉稿中， “ 正在进行 ” 模块中的模块比重其实是进行了调整，变成两大+两小的组合。从展示逻辑上来说，视觉稿的输出是不符合交互逻辑的。
但是，视觉稿的输出视效明显更有层次，更灵活；那么，能不能这么改呢？
这就要回归到交互为什么输出等大的样式这个问题上了。在交互环节，运营同学最初并不需要对四个专辑进行优先级区分，认为同等层级即可，因此交互进行了最初的稿件输出。
这种情况下，交互和视觉同学可以先进行讨论，从设计角度来看，这个整对页面整体逻辑有无严重影响，如果内部也认为改动更好，则可以拿视觉稿去和运营同学沟通，并告知原因。虽然我们调整了优先级，但视觉效果更好，建议他们进行这样的调整。
这个案例中，我们要重点关注模块的比重展现，以及模块样式的灵活处理。
上面这个案例同样也是关于模块的。可以看到元素的阅读顺序、模块表意和层级关系交互视觉稿都是一致的； 而最大的调整是模块名称区的优先级发生了较大变化，从不强调楼层名称变成楼层名称成为区域视觉焦点 。这类型改动建议和交互设计师进行讨论，在该案例中，虽然优先级逻辑发生了变化，但不影响用户的浏览体验，且能丰富楼层样式，因此可以调整。
对于同层级关系的单元格，我们也可以采用不同的表意方式，比如上面案例中，视觉环节使用了叠起的展示样式。相对于交互，优点在于增加了一种互动方式，而缺点则在于会对部分信息进行遮盖，不会直接呈现。这个案例的处理方式是，我们将两种方案的优劣告知运营方，运营方认为可以牺牲直观呈现，而选择互动方式的不同呈现。
TAB控件体现的是并列关系的多个模块呈现。可以有不同的视觉方案来体现。
我们可以根据表达主题，对TAB样式进行图形化设计。 比如新品推荐模块，是以一周七天的时间维度设计TAB内容。在视觉表现上，我们可以把样式设计的更像日历。
上面案例采用了更突破的视效体现，打破TAB的方形样式。 这带来TAB区域的扩大，会影响到一屏以后的内容呈现，需要和运营讨论是否可以接受。这种设计更适用于活动页，对首屏内容和页面长度要求不那么严格。
TAB的位置也会影响区块内容的引导。 比如在下图案例中，TAB的位置影响了阅读的语意。交互稿中，希望用户先通过TAB了解推荐手机的不同维度；而视觉稿中，则是先让用户看到主要推荐的产品，如果没有合适的，再通过TAB看其它。
元素的不同呈现顺序会体现不同的交互逻辑。
我们来看上图中的单个推荐区，交互上的顺序是图→人物→具体商品描述，第一强调的是商品，其次是用户的评价；而视觉上的顺序是人物→图→具体商品描述，第一强调的是评价的人，再说商品是什么。 两种逻辑其实都符合 “ 食鲜者说 ” 的逻辑，但从属关系是不同的。 这里的决策是，如果评价用户是知名度较高的，可以通过人物为食物加分，则我们选择视觉稿逻辑；而如果我们是靠商品图本身致胜，评论者只是辅助决策元素，则选择交互稿逻辑。
通过去色，可以去掉颜色和元素对界面优先级的影响，更聚焦逻辑本身。 对比下面案例，去色后可以更容易看到，优化后方案更加整体，视觉引导也更加顺畅。
模块位置调整一定要和交互同学沟通
还记得开篇留的题目嘛？相信你已经可以明确下面两张稿子中，交互和视觉表达逻辑的不同处，以及哪些逻辑能改哪些逻辑不能改了吧。这里，最后强调一下，模块位置的调整对整个页面的影响很大，涉及到模块重要层级，页面调性等的改变。
哦，还有一个小点补充以下
不同的元素顺序排列决定了用户看界面的阅读顺序，交互在选择样式的时候会考虑哪种顺序更利于表达模块想传递给用户的感受。
今天的小课堂结束啦 ~ 拜拜 ~ 恩，图片来源均为JDC_BAC ， 我交作业啦 ：）
下期预告
“ 样式，位置 ” 只是交互还原中的一个点，后续还有包括 “避免歧义，保持一致”、“ 多状态的控件 ” 等很多内容。如果你有兴趣，我们下次再一起聊呀。
三、电商视觉设计培训哪个好
1、掌握Photoshop，Illustrator和InDesign 事实上，Photoshop，Illustrator和InDesign是招聘设计岗位样本中最需要的技能。对这三种设计技术的需求远远超过其他平面设计技能。在研究的100个职位中，76个需要Photoshop，74个需要Illustrator，74个需要InDesign，普遍的是三个技能都需要!
很多人选择学习设计其实都是三分钟热度，最好在学习之前先来做一个小测试
→点击测试我适不适合学设计
2、UI / UX设计不是热门技能，但需要了解 只有13%的职位要求平面设计师拥有UI / UX设计经验。但是如果你想能够得到一些高薪工作，你应该学习UI/UX设计。当你与基于相同薪水的其他平面设计技能进行比较时，UI / UX技能会让你脱颖而出。
3、至少有2—3年的设计经验 几乎所有研究过的公司都需要一些真实的平面设计经验，据资料显示，83%的岗位要求至少一年的工作经验，其余的工作不需要经验，或者从直接从招聘文本中省略。除了上面列出的许多平面设计技巧外。约有50%的公司希望设计师有两三年的工作经验。公司所需的平均经验约为2.33年。随着公司规模的增加，它几乎是呈线性模式增长。
4、越是大公司设计师可能工资越高 如果你想要赚更多的钱，建议向更大的公司申请设计职位。完全一样的工作，他们的薪资标准会比小企业或初创公司的平均薪资标准要高一点，这在许多公司确实是事实。但小型公司可以提供更多的创意自由和乐趣。
所以说想要找平面设计方面的好工作，平面设计培训尤为重要，平面设计培训作为天琥教育的重点教程之一，课程研发一直以企业需要为出发点，贴合当下设计行业的潮流大势发展。在师资力量上，天琥教育拥有100 多位设计名师，他们大多是一线设计专家、艺术院校高级教授，为天琥的课程开发、教育教学等提供了强有力的保障。作为一家教育资源雄厚的培训机构，天琥教育的培训价格收费在行业乃是中上水平，到天琥学平面设计，安心有保障。
四、平面设计，电商视觉，UI设计，各有什么区别
平面设计师可能会利用字体排印、视觉艺术、版面（page layout）、电脑软件等方面的专业技巧，来达成创作计划的目的。平面设计通常可指制作（设计）时的过程，以及最后完成的作品。平面设计的常见用途包括标识（商标和品牌）、出版物（杂志，报纸和书籍）、平面广告，海报，广告牌，网站图形元素、标志和产品包装。
UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI。UI设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。
以上就是关于电商视觉设计的讨论话题相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
