专注营销型网站建设外贸网站建设!自适应IPAD+手机微信+电脑

建站优化电话:138 2557 5516 关于智唯 | 联系智唯
网站建设News
公司网站建设

设计师怎样学习网站开发

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
09Jan
2018
写这篇文章的本意是站在一个设计师的角度,分析设计师在有一个好玩的点子的时候,应该怎样利用所有的资源去完成这个点子在看这篇文章之前大家先看做出来的产品是什么:www.Web

  写这篇文章的本意是站在一个设计师的角度,分析设计师在有一个好玩的点子的时候,应该怎样利用所有的资源去完成这个点子在看这篇文章之前大家先看做出来的产品是什么:www.WebStack.cc --这是一个设计师的网址导航网。

  写这篇文章的本意是站在一个设计师的角度,分析设计师在有一个好玩的点子的时候,应该怎样利用所有的资源去完成这个点子,下面我是通过做这个导航网站为栗子,来讲述一个产品从0到1的这个过程和一些个人建议。

  1. 计划

  首先说明一下这个项目我计划是在一周时间做完,实际是差不多7天时间,后面有几天是在完善内容数据。开始之前我会根据定下来的功能需求自己大概估计一下时间,这里就包括产品需求文档、UI设计、前端开发、后台开发、测试上线、内容完善 等。这些对于这个简单的网站来说开发和完善内容用掉了大多数时间。

  因为这篇文章是写给设计师看的,可能除了设计之外的其他工作并不是我们擅长的,但是我们可以不一定要很专业,我们的目的是做一个产品出来,我们只需要知道这个东西怎么做,然后就用最简便的方法去实现,有现成的东西就不去重复搭梯子,有开源的代码就不自己重头码。

  2. 确定功能需求这里要扯一点其他的。在2017年我养成了一个习惯,每天都会抽空看看有哪些互联网新产品出现,不管是App还是有趣的网站。在这个习惯有了一段时间之后我发现我自己收藏了很多很多的网站书签,但是在保存这些书签的时候并没有很好的去按照严格的分类收集,这就导致了后来想起之前看到过的某个网站,也记得当时收藏了,但就是死活想不起来收藏到哪个浏览器分类当中了。

  这里也就是差不多我最初要做这个导航网站的原因(不算是直接原因)。后来我在网上搜集了很多设计师的导航网站,发现在这很多的导航网站中其实产品定位都是有很大不同侧重。这里我们不用出具体的设呢么竞品分析,用户研究这些,大概按照自己想要的方向去做就好,我这里很明确的目的就是要做UI设计师需要的导航网站。后面我收集了大量的导航网站,算是简单竞品分析。如下图

Image title

首先要确定导航网站的排布方式,导航栏的位置。根据大多数这类导航网站和我自己的体验来看,最好的交互应该是左侧固定全局的导航栏方式,因为导航的内容条目会非常多,不适合做顶部导航或者可收缩式的导航栏。固定的全局导航可以让用户能够快速选择并且定位到自己需要的内容位置。

 

  除了导航功能之外还有一个就是让用户提交书签的功能。根据自己的需求和竞品初步分析确定了产品主要功能之后,这一步就ok了。这一步基本可以不需要输出任何东西,只要知道要做的东西即可。3. 需求文档这一步作为设计师,我们来看看怎么去简单快速的输出一些东西。

  PRD文档的编写我们不用按照非常规范的东西去写,但是要让自己能够梳理清楚产品的结构即可。我这里用的是Mindnode和Axure这两个软件。

Image title

我是先在Axure中创建如下图的目录,完整的PRD目录不止是这些内容,但是对于这个小项目来说,我们只需要着重关注产品介绍、信息结构、产品结构这几个方面即可,我的目的就是清楚的梳理产品的逻辑。对于后面设计和开发来说也是必要的。在这个梳理的过程中也会发现很多功能方面的问题,自己也可以在这一步验证产品的可行性。而不是想到一个点子直接开始设计UI界面,这是设计师做产品比较忌讳的。- 产品介绍先看产品的介绍部分,这里用最简单的一句话描述一下产品,这句话要能体现产品的核心功能和面向用户。再做一下简单的用户特征等的简单分析,怎么简单怎么来。

Image title

 

  - 信息结构图在写信息结构图的时候其实是梳理网站逻辑的一个过程,要将产品功能的信息进行一一罗列,你会清楚的知道每一个字段的对应关系,也完全能够确定下来产品的功能结构。在写这个结构图的过程一定要不断挖掘到最底层,每一个产品细节都可以在这里体现出来。

Image title