浅聊 Axure 设计与建站新价值

img

“ 互联网时代,没有自己的网站意味着你在这个世界上不存在。”

前言

为什么会有这篇文章,嗯~~, 只是想给你一个了解Axure建站这件事的动机。

1年前,我发现Axure原型可以托管在宝塔里,分享一个网址给UI、开发、测试查看原型,

哦 ~ ,原来Axure不仅仅可以用来做原型,还可以干点有意思的事儿,

然后,就开始用Axure做了一些尝试,用它来设计和建站,

今天,将我的发现给大家讲一讲,

有兴趣的,那就往下看吧。

Axure 网站的案例展示

话不多说,有图才有真相,先看我完成的两个案例。

个人网站 【 世界是棵树 - my.pmdaohang.com 】

img


导航网站 【 产品导航网 - hao.pmdaohang.com 】

img


建站的价值

是的,我在推荐Axure建站这件事,

要谈建站对个人的价值提升,得从几种不同类型的网站进行分析。

个人网站

曾今在PC互联网时代诞生了无数的站长与博客,

他们在互联网中尽情的展示自己与分享知识,

今天,有很多平台可以展示自己,微信公众号、微博、抖音、媒体号、知乎,

但不得不说,在这些资讯平台里,信息就像时光碎片一样流过,像鱼那7秒记忆般了无痕迹,

所以,除了这些平台,我们还应该有一个完全属于自己的网站,在这里沉淀和积累自己所想所为;

我们可以按自己的想法展示自己,在职场,在行业里,个站/博客依然是不可替代的名片,

同时,我们可以通过建立个站/博客的同时,对软件、网站、产品会有更深的理解。

企业官网/产品官网

企业官网/产品官网,在起步阶段里,往往要求不高,可以使用静态的内容展示企业与产品,

我已经尝试过使用Axure创建静态的企业官网,效果个人觉得还可以的,

如果你会这个技能,恰好你又是产品经理,又会一点点设计,

我想,会创建一个简单的企业/产品官网,有没有价值,就留给你自己判断。

创意网站

我对那些优秀的,有趣的网站酷爱收藏,而且对自己收藏的网站分门别类,路径清晰,

在工作当中,起到了蛮大的帮助,只是在浏览器的收藏夹里,总是不太方便,

所以萌生了想把这些网站做成一个导航站的想法,

于己,可以方便的找到想要去的网站,

于他,嗯, 想当初刚入行时,想要找到好网站的时候,还是费了不少功夫的;

最终我使用Axure创建了产品导航网,网站聚集了互联网产品与设计的优秀网址,

这个有没有价值,一千个人眼中有一千个哈姆雷特。

而且,谁说网站就只有这些类型,谁说Axure就只可以干这些事情,

发现现实世界的不足,然后去完善他,有限的工具,无限的创意,

更多的网站类型,在你。

用工具的千篇一律,造工具的万里无一,

那有没有用工具的万里挑一呢?

答案自寻。

实现建站的三种方式

这里大概讲一下做网站的几种方式,了解不同方式的优缺点,

实现网站的工具千千万,总结下来主要有三种方式:定制开发 / CMS建站系统 / Axure RP 。

定制开发

定制开发网站需要自己有编程开发能力,或者请专业开发人员开发网站,需要对开发的网站进行反复测试。

缺点是成本高,周期长。

优点是自由度高,只有想不到的,没有做不出的,前提是要么有钱,要么有能力。

CMS建站系统

市面上比较优秀的开源CMS建站系统有 WordPress、Drupal、Joomla、PHPCMS、Discuzz 等等,

CMS建站系统借助主题、插件可以做个人博客、企业官网、商店等各式各样的网站。

优点是建站速度快,只需要一个主题,配置一些内容就可以上线,

不同的主题、插件可以扩展网站不同的能力,非常自由。

缺点是主题模板都是主题开发者制作的,版式布局都是固定模板化的,无法自由定制,

想要修改,需要懂一些开发知识、或者使用页面编辑器。

有一定技术要求,对服务器、网络、程序有一定理解能力,才能完成建站系统安装部署。

CMS建站系统是动态网站,需要购买服务器才能部署,一年再便宜也是需要大几百RMB。

CMS有很多免费的主题、插件,但是优秀的主题、插件都是需要花钱的,

总之就是CMS建站系统可以利用优秀的主题、插件快速的创建一个优质网站,但需要一定的RMB和技术要求。

Axure RP

Axure RP 严格意义上来讲,就不是一个建站工具,至于我为什么要使用它来建站,请往下看 ↓↓

为什么选择用Axure来建站?

Axure 本是一个设计软件、网站时使用的原型工具,并非真正意义上的建站工具。

主要是因为 Axure 可以导出一个静态的HMTL网站,所以有了使用它创建网站的可能。

优点是 Axure 可以非常自由的设计网站页面,自由是Axure建站最强大的特点,

对于创意效果表现非常的强大,

因为它本就是一个设计软件、网站的工具。

借助代码托管平台免费的静态网站部署功能,可以实现零成本网站部署,

如果需要域名,买个域名最便宜的可以39/年,搞活动首年还可以更低。

因为 Axure 是产品经理和设计师设计软件、网站原型时,常用的工具,无须额外学习成本。

综合起来最大的优点就是,使用 Axure 建站的门槛成本低到可以忽略。

当然,凡事都有两面性,Axure 建站也有它不可忽视的缺点。

缺点是 Axure 只能创建静态页面网站,无法像定制开发或CMS建站一样,做动态数据交互的网站。

其次,~~~ 本来这个缺点我在想要不要说,作为推荐 Axure 建站来说,这个缺点比较大。

但作为一个正直,富有道德和职业精神的人来说,我还是要大声的说出来,

那就是不利于Seo,因为 Axure 的链接都是 Js 事件绑定,所以导致搜索引擎无法抓取到网站链接地址,也就导致了搜索引擎的收录仅仅只能够收录到首页。

我也咨询过许多前端开发朋友,目前的反馈来说,无解。

当然,作为个人网站来说,能从Seo来的流量,几乎可以忽略不计,影响不大。

但是对于产品/企业官网来说,Axure 网站仅推荐初期过渡使用,正式开发的网站或CMS网站上线后,才开始去做Seo 或 Sem,否则可能有点浪费钱。

总之,Axure 建站非常适合个人使用,或者产品 / 企业官网初期使用,或者做其它的创意网站,相对来说还是有非常丰富的使用场景的。

Axure HTML 网站文件处理小贴士

生成网站后,可以进行几个小处理,完善网站细节。

删除 Axure 预览侧边栏

Axure中设计网站时,在网站页面地图中,将第一个网页名字修改为“index",

就可以删除网页预览时左边的侧边工具栏。

配置网站 ico 图标

浏览网页时,网页标签左上角有一个图标,这个就是 ico 图标,

我们可以找一张喜欢的图片,裁切成正方形,然后在百度搜一个 ico 生成器,生成 ico 图片文件,

改名为“favicon.ico",放到Axure导出的网站文件夹根目录,浏览网页就可以看见该图标了。

网页地址与网页Title

Axure 生成网页时,网页文件名为网站地图中的页面名称,也是浏览器标签的标题名称,

如果名称是中文时,网页地址会被转码,浏览器打开后,网页地址会是非常长一串乱码,

所以建议在Axure中把页面命名为英文。

导出的网页Title默认是网页文件名称,可以使用代码编辑器,打开网页,找到title标签

<title>网页标题</title>

修改title标签中的网页标题就可以了,当然不改影响也不大。

网站部署的两种方式

云服务器部署

首先需要一台云服务器,然后安装宝塔面板,在宝塔面板中创建一个网站,

将 Axure 导出的网站文件,放到宝塔网站的根目录就行。

具体实操还是比较复杂,可以搜索安装WordPress网站的相关文章看下,

如何购买服务器,选择CentOS,安装宝塔服务器面板,创建网站,都是一样的。

本片文章篇幅有限,点到为止。

代码托管平台

代码托管平台,目前首推Coding.net,我认为是国内目前最好用的平台,可以通过文件压缩包部署静态网站,

不需要像其他代码托管平台,需要通过代码仓部署,还要学会用Git,太难了~~

Coding的静态网站托管服务器在香港,绑定的域名无须备案,一键申请https ssl证书,非常好用。

在Coding上部署,非常简单,两分钟就可以完成网站部署,

在Coding里创建项目后,在【文件网盘】中上传网站文件压缩包,

在【静态网站】中新建网站,部署来源选择【本项目文件】,【项目文件】选择上传的压缩包就可以了,

非常简单吧!

域名注册与建议

域名建议大家注册.com 或 .cn 后缀的域名,

首先这两种后缀域名使用最广泛,容易被记住;

其次续费便宜,.com续费69/年,.cn续费39/年,首年活动还更低,

相比其他个性化域名动辄100+的续费实惠的多,

所以不要轻信购买1元后缀为.design、.cc的域名,续费的时候贵的想哭。

服务商推荐阿里云或者腾讯云购买,大平台,放心。

域名解析和域名绑定就不展开讲了,大家搜索何如解析域名,Coding如何绑定域名,

会有很多文章讲这方面内容。

还想说一句

最后,我非常推荐大家用Axure创建一个自己的网站,特别是产品经理、设计师,

在工作中,我们只能设计原型,效果图,然后给开发,让他们来实现这个网站,

我们自己很难去体会一个网站从无到有,测试再上线的过程,

通过Axure建站,会更加完整的体验这一过程,同时加深对软件、网站、计算机和互联网的了解。

算是一种学以致用的实践方式吧。

好了,聊完了,拜了个拜。

网站声明:
1. 本站资源来源于用户上传和网络,如有侵权请邮件联系站长处理
2. 分享素材仅供大家学习和交流,所扣积分并非购买素材版权,而是赞助网站资源收集与整理,可商用原创素材会单独声明
3. 如果你也有好资源分享,可以到审核区发布,分享有积分奖励和额外收入
4. 如果资源下载需要密码,下载按钮下方有百度盘提取码哟
5. 有任何疑问,可以点击右侧边栏的联系QQ进行咨询

产品导航网 » 浅聊 Axure 设计与建站新价值

发表评论