网站怎么设计更吸引人.docxVIP

网站怎么设计更吸引人

网站(Website)是指在因特网上根据一定的规则，使用HTML(标准

通用标记语言下的一个应用)等工具制作的用于展示特定内容相关网页

的集合。下面是YJBYS小编整理的网站怎么设计更吸引人的相关内

容，希望对你有帮助!

?一、确定情感关键词

?所谓情感关键词，就是我们产品的视觉所要表达的情感感受，这

是从0到1要做视觉设计的第一步。

?前几个月我们团队支持GS一个新孵化的社交App，为它进行整

体的视觉风格设计和定义，但第一步我们不是埋头开始，而是拉上产品

的PM们和研发运营各方面leader一起来讨论产品的『情感关键词』是

什么，在当时我们所有团队成员之间讨论确认了这三个问题：

?1)我们的产品要解决的目标是什么?

?2)我们面对的主要用户群是怎样的?

?3)我们希望用户在使用我们时，产生怎样的情绪感受?

?这些问题会扯出很多主观表达，设计师同学一边听大家讨论一边

把听到的关键词记在黑板上。比如我们是想做年轻人的视频社交产品，

我们就会记下诸如好玩、热情、丰富、可爱、二次元等各种情感关键

词，这都是团队成员希望这个产品成为的样子。但是在做视觉设计的时

候收集的目标不能太多，于是征求大家建议后，我们把优先级不高的去

掉，把重复的感受合并，最后确认了我们产品的情感关键词是：阳光、

温暖、年轻。也就是说，接下来我们做App的视觉设计，就应该做出

阳光、温暖和年轻的感觉。

?小于因为有保密信息所以我就没模糊了，反正大概就是这样的筛

选过程

?小于关键词要少而精，列出最重要的三个

?二、情绪板

?有了关键词事情还不是那么简单，因为大家会对同一情感会有不

同的认知，比如你认为的阳光是蓝天白云，而我认为的阳光是绿树草

地，这就会导致后续视觉设计在颜色偏好上会有争议。所以我们必须要

靠情绪板，把每个人对情感的抽象理解具象成实际可定义的元素。

?因为当时我们只有一个设计师，所以号召大家一同参与，布置任

务去帮我们在网上找一些符合阳光、温暖和年轻的各种图片来。这样的

找寻工作要筛选好几轮，比如早期大家找的图片会有两个问题：

?1)表达不够准确，不够普遍，比如一位同学找了个秋天落叶的照

片会让人觉得不是温暖而是萧条，有争议;

?2)不够直接，比如有一位同学找了个妈妈烧饭的场景，从而联想

到温暖的感受，但是我们觉得这也太隐晦了。情绪板上的图片就是需要

让人不经思考，一眼看到就能感受到情感关键词。

?上图就是最后筛选出来的『情绪板』啦，经过3轮的Review我

们从300张图片中找出了不到100个最终确认的图。那这个情绪板对我

们到底有什么用呢?

?1，图片上出现的颜色、元素和感觉，就是我们接下来做视觉设

计的时候可以用到的。比如那种阳光和温暖的暖色和高饱色调，小花小

鸟光斑元素，都是可以直接被借鉴在界面里的;

?2，因为团队都一起参与帮忙了，所以可以帮助统一”审美观”(你

懂的);

?3，在做情绪板的过程中设计师本身也在跟着思考和完善自己的

感觉;

?三、脑爆概念设计

?有了情绪板设计师心中就已经有了很多想法，而且之后的推进成

功率也大了很多，但是这个时候也不太适合马上精细的做方案，而是用

头脑风暴的方法做概念设计。

?1，用头脑风暴的方法做设计是指，主要目标不是为了马上确定

方案，而是尽可能多的收集创意和想法(如何用正确的方法做头脑风

暴)。不然设计师会很快陷入细节而错过很多精彩的设计点子，而在后

续推进的时候其他人也一定会质疑和提出各种反对方案，让设计师反复

验证和修改，所以我们一开始就要打开脑洞。

?2，而所谓的概念设计，就是不用那么靠谱和精细，表达大概感

觉和意思就可以了，关键在于创意和想法而不是细节。

?也是因为当时人力不足，所以我号召了部门里其他设计师以参加

游戏的形式来帮忙脑爆，大家利用工作之余帮我们做一些效果图，可以

尽情发挥自己的脑洞。而且不用很精细，图标网上扒一扒，界面摆的乱

一些也没有关系，但是最重要是一定要依据我们的『情感关键词』和

『情绪板』来开展。

?这次同事的热情参与超出了我的想象，虽然所处不同的项目也不

是他们的分内工作，但是因为大家平时都深陷各个项目做细节，做个新

产品风格还能随心所欲的发挥是很多人都乐意的，于是短短3天内，我

们就收集到了50多不同风格的App设计方案。

?有了方案就需要评审，最初的评审我们就是互相解释设计想法和

给点建议，大家互不批判，发现有趣的点子就让对方修改一下，以把他

的想法表现的更明确一些。而最终的评审就是有点相亲会的感觉了，我

们拉上了所有的设计师，产品的PM和各leader，还有GS内可能