手机仅支持浏览本站系统内容

创建网站、网站编辑、管理等,请使用电脑操作!

战略合作伙伴:百度知道 - 云服务器 - 域名注册

沃酷建站采用全球最先进SSL 256bit 传输加密机制

分享网站建设知识
推动网站应用价值

提供短小精焊并有价值的建站知识分享。

设计师怎样学习网站开发
2020-02-20 04:29:56

写这篇文章的原意是站在一个规划师的视点,剖析规划师在有一个好玩的点子的时候,应该怎样使用一切的资源去完结这个点子在看这篇文章之前我们先看做出来的产品是什么:

 

写这篇文章的原意是站在一个规划师的视点,剖析规划师在有一个好玩的点子的时候,应该怎样使用一切的资源去完结这个点子,下面我是经过做这个导航网站为栗子,来讲述一个产品从0到1的这个过程和一些个人主张。

 

1. 方案

首要说明一下这个项目我方案是在一周时刻做完,实践是差不多7天时刻,后边有几天是在完善内容数据。开端之前我会依据定下来的功用需求自己大约估计一下时刻,这儿就包括产品需求文档、UI规划、前端开发、后台开发、测验上线、内容完善 等。这些关于这个简略的网站来说开发和完善内容用掉了大多数时刻。

 

由于这篇文章是写给规划师看的,或许除了规划之外的其他作业并不是咱们拿手的,可是咱们能够不必定要很专业,咱们的意图是做一个产品出来,咱们只需求知道这个东西怎样做,然后就用最简便的方法去完成,有现成的东西就不去重复搭梯子,有开源的代码就不自己重头码。

 

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

 

这儿也就是差不多我最初要做这个导航网站的原因(不算是直接原因)。后来我在网上搜集了许多规划师的导航网站,发现在这许多的导航网站中其实产品定位都是有很大不同侧重。这儿咱们不必出具体的设呢么竞品剖析,用户研讨这些,大约依照自己想要的方向去做就好,我这儿很清晰的意图就是要做UI规划师需求的导航网站。后边我收集了许多的导航网站,算是简略竞品剖析。如下图

 

首要要断定导航网站的排布方法,导航栏的方位。依据大多数这类导航网站和我自己的体验来看,最好的交互应该是左边固定大局的导航栏方法,由于导航的内容条目会十分多,不适合做顶部导航或许可缩短式的导航栏。固定的大局导航能够让用户能够快速选择并且定位到自己需求的内容方位。

 

除了导航功用之外还有一个就是让用户提交书签的功用。依据自己的需求和竞品开端剖析断定了产品主要功用之后,这一步就ok了。这一步根本能够不需求输出任何东西,只要知道要做的东西即可。3. 需求文档这一步作为规划师,咱们来看看怎样去简略快速的输出一些东西。

 

PRD文档的编写咱们不必依照十分规范的东西去写,可是要让自己能够整理清楚产品的结构即可。我这儿用的是Mindnode和Axure这两个软件。

 

我是先在Axure中创立如下图的目录,完好的PRD目录不止是这些内容,可是关于这个小项目来说,咱们只需求着重重视产品介绍、信息结构、产品结构这几个方面即可,我的意图就是清楚的整理产品的逻辑。关于后边规划和开发来说也是必要的。在这个整理的过程中也会发现许多功用方面的问题,自己也能够在这一步验证产品的可行性。而不是想到一个点子直接开端规划UI界面,这是规划师做产品比较忌讳的。- 产品介绍先看产品的介绍部分,这儿用最简略的一句话描述一下产品,这句话要能表现产品的核心功用和面向用户。再做一下简略的用户特征等的简略剖析,怎样简略怎样来。

 

- 信息结构图在写信息结构图的时候其实是整理网站逻辑的一个过程,要将产品功用的信息进行一一罗列,你会清楚的知道每一个字段的对应联系,也彻底能够断定下来产品的功用结构。在写这个结构图的过程必定要不断发掘到最底层,每一个产品细节都能够在这儿表现出来。

 

- 产品结构图产品功用图实践上就是一种结构化的产品原型。咱们在整理产品功用的时候,就会清楚这个功用有哪些表现方法,跳转到什么样的网页上,网页之间的相互相关等。

 

 

关于结构图的写法我们能够依据自己的需求去写,我习惯用思维导图的方法记录,关于怎样做思维导图我们能够去知乎科普,仍是那句话,咱们的意图就是要让这些图能表达出自己的想法就行。4. 交互UI规划这儿作为规划师来说,就是很拿手的事情了,我这儿网站结构十分简略,为了节省时刻并没有去用软件画线框交互稿,可是最根本的线框图仍是要在纸上简略绘制,让自己对规划的网站有个大约的结构。

 

后台管理体系界面规划,后台Dashboard界面在规划之前就有考虑,由于是管理网站的界面,我这儿是直接用开源的结构来用,界面风格不必过多规划,网上有许多售卖的前端web UI kit,这类套件能让规划师很快的做出网页,代码方面只需求知道前端根本知识就能够,后台关于界面要求不是很高彻底能够直接用结构节省时刻,也不必专门去找前端研发同学来做。

 

6. 后端开发后端开发这儿关于UI规划来说其实是比较难入门的,要学的东西比较多,笔者大学是学的软件开发专业的,结业之后从事了UI规划的作业,深知后台开发和服务器开发是需求比较多的时刻去研讨才干够的。所以这部分不主张规划师去花时刻搞的,能够找朋友做。我这个项目在前期规划的时候是有后台体系的,直接用开源的CMS结构开发起来其实也是能够很快完结的,可是我后台放弃了,由于这个体系仍是比较笨重的,关于导航网站这个项目来说能够不必这么杂乱。最后放弃了开发后台体系,改用了纯静态的网站页面。7. 网站上线咱们网站规划完成ok之后,怎样让他人顺畅拜访咱们的网站,这儿能够自己买域名,买服务器然后上线。这儿是需求必定的花费的。

 

- 网站域名:能够去新网或许沃酷建站购买

 

这儿需求一点注意,国内涵万网购买的域名需求实名认证,服务器需求备案他人才干正常拜访,许多后缀的域名现在暂时不能实名认证所以你就算买了服务器也不能经过备案。在购买域名的时候必定要注意。

 

- 服务器:阿里云、腾讯云、百度云都是有服务器卖

 

国内独立主机比较贵,学生是有免费主机能够用,有时候买域名也是有送半年服务器这样子的,可是续费比较贵。当然也能够考虑国外云服务器。这个坑也是比较多,需求时刻去学。主张用下面的方法。

 

- 用Github做静态网页服务器

 

这儿能够去学一下怎样用github,也是简略入门即可,github注册帐号之后你是能够有一个个人独立主页,这个主页是能够直接经过互联网拜访的,例如:www.wowcool.net 这个域名地址前面是你的github用户名,你能够在购买了域名之后直接经过CNAME方法解析域名到这个地址即可。

 

github的每一个项目也都能够有gh-pages分支,这个分支也是能够直接放静态页面经过外网拜访。这个项目是能够有多个项意图,也就是说你能够放很多多个静态页面在这儿。可是这些项意图网站并不能当成一级域名地址来拜访,他都是包含在你的www.wowku.net之下,所以这个页面就不能单独进行域名绑定。

 

可是,还有可是,经过github你是能够创立多个安排,一个安排是能够有一个官网,一个官网能够像你的github帐号相同解析一个域名的。

 

注意:假如这儿自己搞不定,也是主张直接找朋友帮忙吧。

 

8. 总结这篇文章是写给规划师看的,其实规划师一个人去做一个网站也不是很难,虽然接触的东西比较多,可是规划师经过这些东西能够自己掌控一个项目,而且入门的学习本钱并不是很高。信任许多规划师是能够很容易做到这些的,后续会在出一些系列的文章,感谢大佬们看到这儿。

分享该编文章:

免责声明:本站部分文章由本网用户编辑转载并发布,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容![声明]本站文章版权归原作者所有 内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。

相关资讯: