网站怎么设计更吸引人

网站怎么设计更吸引人

　　网站(Website)是指在因特网上根据一定的规则，使用HTML(标准通用标记语言下的一个应用)等工具制作的用于展示特定内容相关网页的集合。下面是YJBYS小编整理的网站怎么设计更吸引人的相关内容，希望对你有帮助!

　　一、确定情感关键词

　　所谓情感关键词，就是我们产品的视觉所要表达的情感感受，这是从0到1要做视觉设计的第一步。

　　前几个月我们团队支持公司一个新孵化的社交App，为它进行整体的视觉风格设计和定义，但第一步我们不是埋头开始，而是拉上产品的PM们和研发运营各方面leader一起来讨论产品的『情感关键词』是什么，在当时我们所有团队成员之间讨论确认了这三个问题：

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

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

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

　　这些问题会扯出很多主观表达，设计师同学一边听大家讨论一边把听到的关键词记在黑板上。比如我们是想做年轻人的视频社交产品，我们就会记下诸如好玩、热情、丰富、可爱、二次元等各种情感关键词，这都是团队成员希望这个产品成为的样子。但是在做视觉设计的时候收集的目标不能太多，于是征求大家建议后，我们把优先级不高的去掉，把重复的感受合并，最后确认了我们产品的情感关键词是：阳光、温暖、年轻。也就是说，接下来我们做App的视觉设计，就应该做出阳光、温暖和年轻的感觉。

　　<因为有保密信息所以我就没模糊了，反正大概就是这样的筛选过程>

　　<关键词要少而精，列出最重要的三个>

　　二、情绪板

　　有了关键词事情还不是那么简单，因为大家会对同一情感会有不同的认知，比如你认为的阳光是蓝天白云，而我认为的阳光是绿树草地，这就会导致后续视觉设计在颜色偏好上会有争议。所以我们必须要靠情绪板，把每个人对情感的抽象理解具象成实际可定义的元素。

　　因为当时我们只有一个设计师，所以号召大家一同参与，布置任务去帮我们在网上找一些符合阳光、温暖和年轻的各种图片来。这样的找寻工作要筛选好几轮，比如早期大家找的图片会有两个问题：

　　1)表达不够准确，不够普遍，比如一位同学找了个秋天落叶的照片会让人觉得不是温暖而是萧条，有争议;

　　2)不够直接，比如有一位同学找了个妈妈烧饭的场景，从而联想到温暖的感受，但是我们觉得这也太隐晦了。情绪板上的图片就是需要让人不经思考，一眼看到就能感受到情感关键词。

　　上图就是最后筛选出来的『情绪板』啦，经过3轮的Review我们从300张图片中找出了不到100个最终确认的图。那这个情绪板对我们到底有什么用呢?

　　1，图片上出现的颜色、元素和感觉，就是我们接下来做视觉设计的时候可以用到的。比如那种阳光和温暖的暖色和高饱色调，小花小鸟光斑元素，都是可以直接被借鉴在界面里的;

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

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

　　三、脑爆概念设计

　　有了情绪板设计师心中就已经有了很多想法，而且之后的推进成功率也大了很多，但是这个时候也不太适合马上精细的做方案，而是用头脑风暴的方法做概念设计。

　　1，用头脑风暴的方法做设计是指，主要目标不是为了马上确定方案，而是尽可能多的收集创意和想法(如何用正确的方法做头脑风暴)。不然设计师会很快陷入细节而错过很多精彩的设计点子，而在后续推进的时候其他人也一定会质疑和提出各种反对方案，让设计师反复验证和修改，所以我们一开始就要打开脑洞。

　　2，而所谓的概念设计，就是不用那么靠谱和精细，表达大概感觉和意思就可以了，关键在于创意和想法而不是细节。

　　也是因为当时人力不足，所以我号召了部门里其他设计师以参加游戏的形式来帮忙脑爆，大家利用工作之余帮我们做一些效果图，可以尽情发挥自己的脑洞。而且不用很精细，图标网上扒一扒，界面摆的乱一些也没有关系，但是最重要是一定要依据我们的『情感关键词』和『情绪板』来开展。

　　这次同事的热情参与超出了我的想象，虽然所处不同的项目也不是他们的分内工作，但是因为大家平时都深陷各个项目做细节，做个新产品风格还能随心所欲的发挥是很多人都乐意的，于是短短3天内，我们就收集到了50多不同风格的App设计方案。

　　有了方案就需要评审，最初的评审我们就是互相解释设计想法和给点建议，大家互不批判，发现有趣的点子就让对方修改一下，以把他的想法表现的更明确一些。而最终的评审就是有点相亲会的感觉了，我们拉上了所有的设计师，产品的PM和各leader，还有公司内可能潜在的目标用户，对方案进行投票。但是这个投票的规则不是纯凭自己喜好，而是了解背景后，大家投出自己认为最符合『情感关键词』和『情绪板』的设计方案。