

搜图导航
里面光是收集起来的各类素材数量就是一个庞大的数字,有关灵感的、海报的、网页的、电商的,应有尽有。

小鸡词典
这里专注于以最快的速度收集网络流行语,并对其做出简单明了的解释,让每个人都能理解网络流行词的由来,写社交文案不知道点流行语怎么行?

今日热榜
如果你不想花费太多时间找热门话题,又想知道每天的热点,那这个绝对适合你。今日热榜一款实时更新每日热点的网站,网站把各大APP的排行榜都收录了过来了,轻松追踪全网热点。

Magi
准确的说,这是一个 AI梳理互联网信息的知识引擎。你可以在搜索框中输入任何你感兴趣的内容,Magi会通过机器学习将互联网上的海量信息构建成可解析、可检索、可溯源的结构化知识体系。对于文案来说,你可以把它用作为一个知识聚合平台,在这找信息,聚灵感。

网页设计是什么?
虽然现在我们常使用移动端上的 APP 来获取资讯,但是显然基于个人电脑平台的网站上网方式陪伴我们的历史要比手机久很多:从1987年钱天白教授向德国发出第一封电子邮件到2000年搜狐、新浪、网易在美国纳斯达克挂牌上市,再到现在网站遍地;中国的网站高速发展了近三十年。

工作流程
首先让我们来看一下网站设计的工作流程吧,除了之前介绍过的用户研究、撰写产品需求文档、市场文档、做竞品调研等工作之外,与设计师密切相关的网站项目流程可以分为原型图阶段、视觉稿阶段、设计规范阶段、切图阶段、前端代码阶段、项目走查阶段六个阶段。

原型图阶段
原型图阶段中设计师需要和产品经理沟通需求,这时要注意,并不是产品经理向设计师下发需求,而是需要相互就自己擅长的方面进行沟通。视觉方面具体呈现也许设计师会有更好的方式,这时需要在设计之前与产品经理达成一致。

视觉稿阶段
视觉稿阶段就是我们要根据原型图确定的内容和大体版式完成网站的界面设计了,在设计网站的时候,我们需要一些图像和灵感的素材。比如做世界杯专题时,我们除了收集很多素材之外,也可以设计一个「情绪板」(Mood Board)。

设计规范
当视觉稿通过后,很多设计师可能不会主动去做设计规范。其实每一个可迭代的产品都需要设计师来总结设计规范,设计规范就是所有页面中共性的东西,比如说字体不同的大小、图片的尺寸、按钮的样式等,这些共性也是用户访问网站时会理解成固定概念的凭证。

切图
网页设计师通常不需要为前端工程师切图。因为前端工程师通常需要掌握 PS 软件技能。如果遇到特殊情况需要我们切图时,我们可以使用诸如 Cutterman、Zeplin 等切图插件中的 Web 选项为前端切出网站所使用的图片。

前端代码
前端工程师会用代码重构我们设计的页面,把图纸变为静态页面。然后和后端工程师对接调取数据接口,一个网站就活了起来。工程师们为了方便了解网站是不是达到了我们要求的数据,也会进行埋点。埋点就是在页面代码里插入一些统计代码,方便我们之后确定哪些页面访问量高,哪些没有达到预期。在此后其实还会有测试工程师介入来发现编译完的网站是否存在一些漏洞等。

项目走查
网页设计完成后还需要设计师进行项目走查,来确定网页还原度是否有问题。如果发现有和设计稿出入很大的,就需要要求前端工程师进行调整。这个步骤非常重要,因为网站的成品才是我们最终的输出,不要认为设计稿很漂亮而实现后的页面就不需要我们负责了。

复杂的注册流程
如今不论何种网站,即便是涉及到注册才能获取信息的网站,建议网站设计师要做的简单再简单些,复杂的注册流程当下没有任何用户愿意接受,除非这个网站对用户十分重要,不得不注册,显然,这样的网站少之又少。

设计元素不凝聚
一个常见的错误是留一长串的网页和子菜单放在一边,这样的设计非常不好,这会让用户分心,你要知道,眼睛不会聚集所有的信息。

不断重复的测试
由于人们使用不同的设备打开网站,所以会出现各种意想不到的问题,这就要求网站设计时要不断的测试,在不同的设备上测试,我们必须考虑因为不同的操作系统而出现的变化,注意所有环节需要工作。

错误的动画和声音
在某些情况下,动画可以帮助提升网站的访问量,但是使用的话必须谨慎,要巧妙的使用。音乐可以让人愉快,但是你不应该假设每个人都喜欢你的音乐,或者他们想听音乐。




