花火圆桌知识星球项目实操比赛获奖感言、设计思路

非常感谢所有参加本次烟花圆桌知识星球及项目实战大赛的朋友们。 经过几天的激烈投票，最终评选出3组获奖者。 以下是获奖者的获奖感言、设计思路以及腾讯设计师对十佳参赛团队的评价。 我希望能有所帮助。

-1号-

第5组

绝不

思雨（队长）

佐伊

获奖感言

首先非常感谢花火圆桌组织的轻萌小说实践项目。 虽然我有几年的UI设计经验，但这是我第一次接触二维风格。 感觉很有趣，所以想挑战一下。 本来以为3个人组成一个团队比较合适，一个交互，一个插画，一个UI，但遗憾的是我们找不到互动的伙伴，所以最终我们的团队由2个UI和1个插画组成，设计方向主要是视觉。 从角度开始。

在设计初期，我们进行了产品调研分析和视觉竞品分析，然后根据调研结果，我们提出了两种不同的首页设计。 我们找到了大约10个喜欢2D的朋友来投票，超过一半的人都投票了。 选择目前呈现的风格，意味着与二次元风格非常一致，符合他们的审美，所以我们会基于这个风格来进行后续的设计。 不幸的是，项目结束时，团队成员相当忙碌，所以我在最后一天完成了视觉呈现部分。 很多分析和规范部分并不仓促，所以分析部分显得有些单薄。 我看到其他群的朋友分析的非常好，很完整，值得学习。

通过这次实际操作，我收获颇多。 我在技能、沟通协作、团队领导、项目评审等方面学到了很多。感谢我的两个朋友。 他们对我的工作非常配合。 虽然工作很忙，但是他们都完成了分配的任务，所以能够顺利完成整个项目。 我也很高兴加入烟花圆桌这个大家庭。 一个很好的设计学习平台。 最后，感谢大家给予我们这个奖项。 我们会更加努力，谢谢。

设计理念

这个青梦项目对于我们团队的成员来说是一个全新的领域。 一个好的产品如果能够保持对人群特征的敏感度，就会受到用户的青睐。 轻萌小说是典型的针对特定人群的设计项目。 我们的设计思路如下：

1. 找到我们的用户

1、根据哔哩哔哩和快看漫画的二次元指数报告，查看各人群最关注的方向以及二次元需求。

2、基于用户世代的人群差异化研究：了解每一代人的性格、爱好、二维需求的差异。 人口按世代划分：80后、90后和00后。 通过分析，得出轻萌小说的目标用户主要为90后、00后，年龄15-30岁，目标群体确立。

2、细化目标人群特征

由于资源限制，我们采用了在线调查的方式。 我们找到了身边几个对2D感兴趣的朋友，向他们询问了一些关于他们的生活状况、兴趣、爱好、行为特征的问题，为设计提供依据。 观察、分析、结论：通过关注目标群体常用的二维阅读软件，如腾讯动漫、快看漫画、网络漫画等，可以更直观地了解他们感兴趣的话题、行为模式和习惯。其他特征。 以上研究方法相辅相成，勾勒出用户特征——价值观：爱幻想、宅男、屌丝、叛逆、疯狂、喜欢二次元、好看的小鲜肉、鬼魂、没道德、二次元平台Bilibili等； 行为特征：乐于参与、爱抱怨、爱卖萌、爱搞恶作剧，多使用网络语言，通过流行的网络语言和可爱的表情表达意见。

3. 针对目标用户的设计

在深入了解人群特征后，我们尝试将这些理解融入到设计目标和视觉语言环节中。

互联网价值观：爱幻想、宅男、屌丝、叛逆、疯狂 - 设计方向：转化为视觉语言 - 设计手段：情感设计、信息框架、品牌形象；

爱好：二次元、好看的小鲜肉、鬼魂、不道德 - 设计方向：转化为视觉语言、信息呈现方式 - 设计方式：情感设计、品牌形象；

行为特征：乐于参与、爱抱怨、可爱、爱恶作剧、多使用网络语言 - 设计方向：使用目标群体的语言，拉近距离、表达网络语言 - 设计方法：使用用户语言；

4. 二维视觉风格

选择“猫”作为品牌形象设计，是因为猫是二维动画中最常见的可爱宠物，符合目标用户的喜好。 设计的表情具有有趣的特点，可爱又个性，平易近人。 设计的形状可以应用于多个元素组件，以在产品中营造氛围。 界面设计以适合阅读的白色开始，灰色为辅，并穿插与品牌形象相同的黄色，体现产品特性。 利用不同风格的书籍封面展示来控制眼睛的节奏，保证用户的阅读效率。

一些作品

一些作品

工地酷连

宾客评价

想象：

作品完成度很高，设计推理逻辑也比较清晰。 每个环节都能清晰明确目标和解决方案； 另外，设计实现的表现也比较齐全，设计品牌可以差异化。 特点，尤其是黄色和线条的运用，保证了视觉体积的轻薄，避免了识别效率低的问题，是一个很好的亮点； 同时，在图形和控制细节的处理上也能保持良好的一致性。

相互作用：

第五组同学有两点值得学习。

1、能够合理运用多种设计方法探索问题并总结问题。 例如，用户分析可以得出用户特征等。

2、对发现的问题有切实可行的解决方案和设计策略。 比如人物部落的卡牌设计风格就是为了达到“元素统一、干净”的目的。

整个设计中有一些小问题需要注意。 例如，“编辑自信地推荐”是书店中某个部分的标题。 标题被设计为横幅。 尽管形式足够突出，但无法引出下面的书本内容，导致标题和内容之间出现差距。 相关性恶化。 另外，阅读字体页面上的“使用”按钮使用了红色（红色多为警告色，常用于删除按钮），但该按钮不需要警告，因此会给用户带来麻烦。

-2号-

第20组

获奖感言

我很荣幸参加花火组织的这次实践活动，并取得了第二名的好成绩。 相信每一位参与的人都收获颇多。 从团队组建到项目结束，我们经历了迷茫和困惑，遇到了挫折和困难，通过不断的沟通、磨合和协作，最终完成了项目。 最有收获的应该就是八个字：高效沟通、默契配合。

整个项目的完成主要依靠任务分配和团队成员分配，两者相辅相成，缺一不可。 在任务分配方面，双方根据项目背景、运营方向、产品特点等进行了多次深入的交流和讨论。 从用户分析、互动讨论、风格把控开始，到根据产品功能和大家的时间和能力进行分工设计，再到页面整合、规范制定、项目总结。 我们一路讨论、优化，保持密切沟通，确保项目如期完成。 在团队成员分配上，根据每个人的长处分配不同的交互、视觉、动态效果任务，并定期召开会议进行沟通和审查，分工合理，协调得当。 队友们充分发挥各自的特长，积极沟通碰撞，取长补短。

最后，感谢华火组织了这次实践竞赛，感谢新宇老师的互动演示，感谢所有老师和其他朋友对我们工作的认可，感谢我们团队每个人的协作和奉献！ 希望我们都在设计这条路上越走越远，越来越好！

设计理念

本次活动中，从项目前期的探索和规划，到中期的积极沟通和分工，再到后期细节的调整和成果的输出，我们团队的项目完成度取得了良好的成绩。预期结果。

项目启动前，我们明确本次改版的目标是提升品牌形象和阅读体验，增加用户粘性。

项目前期，为了确定产品的具体目标用户及其视觉偏好，我们对比了二维行业和阅读APP，分析了二维行业的用户数据，确定了设计布局应简洁、轻盈、色彩鲜艳、拟人化。 以产品形象作为初步设计方向，提取关键词：“软萌”、“年轻”、“个性”、“居家”，建立用户画像； 根据情感板图片和分析结果，确定产品以亮粉色为主色调，蓝色、橙色为辅助色调，营造“柔和”、“年轻”、“个性”、“温馨”的感觉气氛。 采用扁平圆润的卡片风格，体现轻盈亲和，辅助简约拟人化。 小书虫形象和细致变化的图标增强了产品的趣味性。

项目中期，我们根据用户需求和场景对产品原型界面进行了微调。 按照设计定位和总体规划，每个人根据产品功能线完成设计任务，并定期评审，确保设计风格统一。

在产品的后期，我们留出了大量的时间来调整和修改设计结果，以保持整个产品的视觉和功能的完整性和质量。 同时，我们使用动态效果来模拟用户在使用APP时的操作过程，以确保产品的交互体验更加流畅。

一些作品

一些作品

工地酷连

宾客评价

想象：

这是一个比较令人满意的设计方案。 虽然设计和想法本身没有太多亮点，但有一个比较完整的思维方式。 从设计推理到设计实现有比较清晰的逻辑关系； 但从设计实现的细节来看，页面中常用控件（如按钮、卡片等）之间的视觉关系在统一性方面还需要提高。

相互作用：

二十组的整体问题挖掘和解决方案推导也比较严谨。 对动作效果的细节处理也非常好。 但信息布局层面的一些细节还需要深入分析。 例如，在书店首页，对主要热点文章版块的信息布局进行了调整，但布局调整必须以书名、作者、阅读数、介绍等信息为基础。 哪些信息相关性高，哪些是关键决策信息。 清除。 另外，在实现层面还需要考虑极端场景，比如将阅读编号标签放在书名后面，如果书名很长如何处理。

- 第三-

第二十秒

小吴

杨洋（队长）

柚子

获奖感言

首先，我很高兴有机会参与花火组织的实践项目，也很荣幸能和@优子@小五组成团队来完成。 项目的每一个阶段，大家都积极参与，认真做，因为我们秉持着“既然做了，就认真做”的信念。 我们经常在群里讨论页面的一些细节，为什么我们在这里这样做，原因是什么，目标是什么，每个人都提出自己的问题和意见，每次我们都会有新的收获，说实话，也感受学习的乐趣。 同时，这次实战操作也是所有设计伙伴互相学习、激励自己走出安于现状的“咸鱼”状态的好机会。 最后感谢花火给我们提供了这样一个平台，让我们一起努力吧~

设计理念

1.了解背景。

这个实际项目与二维维度有关。 这个背景对于我们来说是比较陌生的，所以前期为了让小伙伴们对项目有一个了解，大家做了研究。 这样一来，与其直接看到结果，不如一起亲身了解。 多得多。

2.确定视觉风格。

通过前期的准备工作，我们对整个项目的背景有了了解。 通过视觉风格探索，我们最终确定了风格。 从产品标志出发，我们设计了一个更贴近风格的标志。 同时，基于图标中的人物，我们后来衍生出了一系列的图标。 等，用于产品中，使产品的调性更加鲜明。 然后我们就从首页设计开始，一稿、二稿、三稿……我们在小组里仔细讨论，抓住每一点，分析竞品是怎么做的，为什么这样做，是什么样的他们有什么目标和要求，以及他们有什么样的目标。 大家来思考一下我们的产品应该如何优化修改，最终确定首页的设计。

在这个过程中，我们感受到了学习的乐趣。 朋友们热情高涨，对接下来的事情更加充满信心。 我们根据主页确定了一些规格。 接下来的几页，每个朋友分享了一部分，最后大家一起审阅了这一页。 讨论、改进~总之，我们认为既然做了，就会尽力做好~

一些作品

一些作品

工地酷连

宾客评价

想象：

页面最终的视觉表现还是比较完整的。 可以看出，试图从图形角度强化品牌的视觉特征，但有几个关键点需要注意：

1.图形和图形扩展之间的关系必须足够强。 例如，页面上的猫爪元素应该与猫的形状相对应。 但猫的形状在页面的其他部分并不是主要元素，更多的是处于辅助状态，所以这种关系是需要的。 增强到用户能够清晰感知的程度；

2.卡控的处理有点呆板。 很多功能其实可以更加整合，放到热销角色板块，让用户阅读更加高效。

相互作用：

二十二组优化思路非常清晰，能够快速掌握你的设计要点。 但在框架层面存在两个疏忽。

1、书店首屏展示效率低。 特别是垂直排列的列表。

2、流行人物页面设计中，切换人物的交互操作不够。 例如，您可以添加箭头图标来指示您可以水平滑动以查看更多内容。

-4日-

第25组

一些作品

工地酷连

宾客评价

想象：

亮黄色的设计更能吸引用户的注意力，在定位上也比较贴近产品目标。 虽然在屏幕预览中效果不错，但是在页面细节中发现亮黄色元素（按钮、图形、文字等）的对比度偏低，这会直接影响用户的工作效率，所以你一定要注意。

相互作用：

25组学生在产品层面提出了许多新颖的想法。 例如，建议中增加了“换一批”； 主要热点文章增加了更多决策信息； 书架上增加了历史书籍； 角色的作品与角色细节关联，还增加了评论功能等等，这些点都非常周到。 然而，这些功能的产生背后的研究和分析却没有得到体现。 从实现的角度来看，这些新功能首先要对产品和用户有价值，其次要有开发和实现的能力。 因此，在定义新功能时，需要了解该功能带来什么业务价值、为用户解决什么痛点、是否容易实现。 否则，请勿轻易调整功能。

-5日-

第48组

一些作品

工地酷连

宾客评价

想象：

虽然延续粉色的设计没有什么大问题，但大面积使用粉色时，需要注意不要让画面看起来破碎，尤其是图形和控件的细节，比如图标的视觉比例和组合等。 标题栏的视觉风格与用户阅读场景的关系、标签和按钮的视觉差异等。不要让图片中的品牌色彩元素超过内容的比例。 由于产品仍然是内容型产品，所以阅读体验一定要优先。

相互作用：

四十八组分析方法比较齐全，但要避免形式主义。 从分析结论可以看出，分析不够深入，导致无法为后续设计提供支持。 可以满足基本的交互需求，但在视觉表现上却鲜有突破。

- 6 号 -

第38组

一些作品

工地酷连

宾客评价

想象：

整体视觉效果比较不错，界面上有很多设计细节，增加了产品的二次元个性。

需要注意的是，在阅读的主场景中，白色的背景色很容易造成视觉疲劳，不利于长期使用。 另外，一些细节（比如投影）比较生硬，可以优化。

相互作用：

三十八组在交互层面有很多引人注目的设计方案，比如角色卡的全新交互形式。 书籍详情页增加了章节介绍以及其他值得学习的地方。 但有几个问题需要注意：

1、“流行趋势风向标”的设计形式，画面效果低，点击手感差。

2. 未完成所有所需页面，如搜索热词页面、字体列表页面等。

-7日-

第102组

一些作品

作品网站的酷链接

宾客评价

想象：

主色调为橙色，更加中性，更符合产品的用户定位。

图标风格不统一，可以简化。 对于大的布局，处理可以更加细致，比如模块之间的划分、卡片与背景颜色的关系等。 另外，它们之间可以有更多的空间，以增加呼吸感。

相互作用：

102组的分析方法与设计结论吻合较好，但形成的结论与设计方法缺乏对应性。 如果提到设计方向要年轻化，那么是通过什么设计手段来实现这一目标的呢？ 方法是否严谨？ 可以量化吗？ 这些都没有在规划中得到充分体现。 另外，设计方法之间存在较多冲突，思考不够深入。 比如，在横幅上使用卡片来避免碎片化的时候，下面的盟友都在观望，但强调了分区的划分。 为了简单起见，公告和搜索签到被合并。 但聚合后并没有达到简单的目的。 因此，在制定计划时要小心，避免明显的冲突和错误。

-8日-

第二组

一些作品

工地酷连

宾客评价

想象：

我对界面设计的逻辑进行了深入的思考。 整体亮点在于卡通形象设计，可爱又特色。 页面上的很多二维细节也增强了整体的设计感。 需要注意的是细节的一致性。 另外，页面完成度也比较低。 希望有机会补充和完善。

相互作用：

第二组可以提到情感设计是好的，但是缺乏对为什么采用这种方法的早期挖掘和分析方法。 导致最终的设计目标和后续的设计方法并不严谨，交互设计几乎没有什么突破。 建议多花点精力早期问题挖掘。 只有这样，程序的输出才能更加强大。

- 9 号 -

第51章

一些作品

工地酷连

宾客评价

想象：

整体项目比较完整，主场景阅读界面有很多设计亮点。

不同亮度的红色可以给用户留下深刻的印象，但大面积使用时也更容易造成视觉疲劳。 另外，布局也需要优化，比如列表中的对齐、间距、文字颜色选择等。

相互作用：

51集团整体分析和优化策略较为严谨，可实施性较高。 小小的互动效果也能给人一些惊喜。 所以整体交互水平问题不大。 不过视觉处理还不够细腻，所以这方面我就不做过多评论了，可以参考视觉评论。

-10日-

第24组

一些作品

工地酷连

宾客评价

想象：

整体设计中规中矩，版式采用比较宽松的间距，比较适合阅读。

五种主色中，红色和橙色比较接近，可以简化为三种，并且可以在亮度和纯度方面扩展界面的颜色。 卡通形象作为特殊状态的主图形，显得有些缺乏特色，可以更加俏皮和夸张一些。

相互作用：

第二十组的早期分析结论与具体设计策略的对应性较弱。 不要将分析过程简化为流于形式。 比如单独去掉语音收听功能能解决什么问题？ 这在分析中没有反映出来。 其他一些需要注意的小点：

1、角色切换页面缺少交互动作提示；

2、设置字体的按钮使用红色警告色会干扰用户操作；

3、字体的变化过程不是连续的，而是有阶跃变化的。 因此，拖动进度条调整字体大小的方式是否符合用户习惯还是值得怀疑的。

以上是本次获胜的三支队伍以及前十名队伍，以保证公平公正。 本次排名以用户投票数为依据，并辅以评委意见。 奖品和奖励已颁发给获奖团体。 下一次实际操作将于12月进行。 欢迎加入星球参与实践活动。

-结尾-

烟花圆桌

烟花圆桌是由一群热爱设计的BAT设计师发起的一个分享交流社区。 目前已聚集了7000多名来自世界各地的朋友一起分享、解答疑惑，并经常举办线上线下活动，共同成长、进步。