恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
设计师个人官网搭建全流程
0.0°
2018-08-21 原创文章 经验/观点 举报 4548 6 19 0

由于近期都是在做产品宣传方面的工作,所以今天来讲一讲设计师的宣传途径之个人网站。

设计师一直吐槽的是与甲方的差异化沟通,在深圳这几日也遇到甲方气息比较重的设计师,矛盾在于你做了完整的设计,甲方一句颜色值不要带4,这句专业的挑刺是不是瞬间让你想砸PS,不对,应该是PhotoShop,不然不够专业。

回到正题,我们今天说一说设计师的个人官网如何搭建?网站设计上线说起来很容易,但其实需要不少工具配合,我们按照先后顺序来说,一个网站的成功上线所需要的基本物料。


域名


首先需要个性的域名如:ui.cn(UI中国)、dribbble.com等,独立域名识别高且别人能更方便的找到你。域名一般是按年注册,价格近两年已经很便宜了,一般一年几十块钱,一次续费最长10年,目前常用的购买网站有阿里云、腾讯云、百度云、西部数码之类的网站,购买前看优惠力度以及接下来要讲的网站服务器。


服务器/虚拟主机


这是存储网站数据(图片和代码)的载体,相当于一台远端的电脑,费用比域名贵,虚拟主机更便宜(相当于一台电脑多人使用)且管理起来方便,如果购买独立服务器的话需要安装系统,然后命令行操作或者安装一些服务器管理软件如wdcp。我们尽量购买虚拟主机,便宜且操作方便,以下是一些厂商的价格:

Image title

也可以购买其他厂商的虚拟主机,还有不用备案的香港或者国外的虚拟主机可选。购买国内主机会涉及到备案问题,所以在做网站之前先备案不耽误时间,备案目前阿里云最方便,其他就是等待幕布的时间,一般半个月多一点。



解析绑定


假设域名和虚拟主机都买好了,此时他们还是独立的个体,需要把域名和虚拟主机联系起来,这叫做域名解析,虚拟主机会提供一个很长的二级域名或者IP地址,在域名网站的后台A记录到IP地址或者CNAME到二级域名,一般都有提示操作。省事一点的操作是,域名和虚拟主机在一个公司买,这样备案都在一起方便很多。


备案


购买国内的虚拟主机需要备案,这是国内强制的,监管处处存在的,而且假如有接入微信公众号开发或者小程序之类的服务也要求备案,就是多了十几天时间等待,此时正好开始设计等工作。


设计


以上购买和操作完成后(一般一年大概300多),就可以进行设计工作了。作为专业的设计师,不管是不是网页设计,一定都有很多想法和创意等待实现,打开你的PS开始吧。


网页设计相对来说简单一些,只是多了一些规范,类似APP的界面设计,一般网页设计最小字号12px,不会使用很纯的颜色,页面宽度1200px居中显示或满屏显示,但都不是绝对的,特别是对设计不设限的你。此处省略未知数量的文字,毕竟作为甲方的你也得辣么苛刻的要求自己。网站内容当然是介绍牛逼的自己,以及自己牛逼的案例和合作客户,最后别忘记写上你的联系方式。


 前端代码


设计是一个漫长又短暂的过程,设计图转为代码也是困难且漫长的,有以下几种实现方式:


1、看我之前的全栈设计师系列文章并深入自学一下全程自己写代码;

2、使用百度H5导入画板模式的PSD编辑(也可以是其他可导入PSD的在线工具);

3、找朋友或者花钱找人写,几个静态页面花费不了两天;

4、直接切图体验最不好但最省事电商详情页这么做的多。


假如遇到了最尴尬的事,啥都没有,那也可以直接到网上找一个现成的代码替换你的logo和文字图片等素材,这不是抄袭,保留版权即可。


测试


这是自我满足的过程,所以测试估计已经进行了无数回,但目的很明确就是要保证代码没有问题,免得分享给别人看的时候尴尬。因为我们官网只是介绍性的静态页面不涉及后台开发,所以出问题的几率不大。


上线


代码完成测试之后需要上传到虚拟主机,这时需要一个工具把你的电脑和虚拟主机连接起来,用来上传下载文件,称之为FTP软件,常用的有FileZilla、FlashFXP,我用的是Transmit。一般要求输入虚拟主机地址(二级域名或者IP)、用户名、密码(少数需要端口),这些数据都会在虚拟主机管理界面提供。

Image title

输入正确即可链接到虚拟主机,之后就会看到一个文件管理系统的界面,跟我的电脑类似,就是目录以及文件列表:

Image title

上传文件比较简单,直接拖拽本地的文件和目录到ftp中。等待上传完成后打开你的域名网址,理论上可以看到网站界面了,下一步就是分享你的网址给别人欣赏或者在面试的时候直接打开网址看案例,是不是比打印的纸质更易出效果。


以下是圈内一些个人或者公司的网站截图,希望你看到有所启发和帮助。另外以上操作流程可能不甚详细,有具体操作问题可回复或者私我。


欢迎关注公众号「全栈设计邦」一起学习交流。

Image title

Image title



更新:2018-08-21

收藏

6人已收藏

  • 8

    作品

  • 20

    粉丝

  • 0

    关注

  • 大厂小工具之腾讯篇
  • 全栈设计师指南 - 我居然看得懂
  • 全栈设计师指南 - 前端有多前
  • 这些设计圈的奇怪术语你知道多少?
相关标签
设计师官网

    猜你喜欢

      2018-08-21 原创文章 经验/观点 举报 4548 6 19 0

      设计师个人官网搭建全流程

      0.0°

      你确定要举报设计师个人官网搭建全流程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年08月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      19
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录