静态网站设计重构与架设流程，以及设计师的诙dan谐teng日常

hwyzw

    本文介绍了一个静态网站从设计到重构再到安装的整个过程。还讲述了一位痛苦设计师的幽默日常生活。嗯，只要注意最后一句话就可以了。

    咳咳咳咳~~~各位读者，欢迎回来继续听我和大家聊聊个人网站建设。我会把吸取经验的故事保存起来，以后再讲。 。 。

    上次我们已经整理好了空间域名，现在摆在我们面前的有两条路。第一个是开始设计网站，然后通过切片来重建它。第二项是找一个现成的网站系统上传进行调试修改（此项来自UI中国“即时”小哥的友情提醒）。

    我们先来说第二个。现成的系统中，有代表如.在您更改之前，这些系统与个人博客和论坛更相似。 WP功能更强大，并且有可以更改的主题。改完之后样式就多了。反正就一个字，方便，对于建站新手来说还是很有吸引力的。当然，专家也可以将这两个系统改变成任何想要的外观和功能，但如果我有精力，最好还是自己做一个。

    主题

    至于如何部署WP，其实很简单。 WP官网有一个非常清晰的安装指导流程（），照着做就可以了。但更重要的一点是你的服务器环境是否符合官网的要求。按照我之前推荐的配置，嘿嘿，别想了。如果要安装的话不妨升级一下包。本文不推荐这种方法。

    。

    。

    。

    。

    。

    。

    。

    。

    冷静点，前排的人请放下砖头。我会继续告诉你该说什么，哈哈哈哈。 。 。

   

    那我们继续说吧，说重点，第一个，好吧。自己操那家伙，那将是一场血腥风暴。哦，好吧，我又跑题了。我是认真的。是的，自己设计并制作。第一个是自己设计、切片、重构。现在，正如主题中提到的，我在这里想做的是一个个人网站。一般来说，个人网站的风格是最多变的，因为没有规则。那么这里我们就来说说通常需求量较大的类型。

    ▼

    需求分析

    首先，一个个人网站绝对是展示自己的必须品。你需要仔细思考这个时候你想要展示什么，多思考一下，比如身高、体重，比如爱好、技能和成就，比如片库的大小、每月纸巾的使用量、击杀数等等，好吧，你可以忽略这最后一项。

    然后，根据你想要展示的内容，我们首先确定网站的结构。好吧好吧，我就不矫情了。其实个人网站最多只能有两层结构，树形的两层结构。不可能有星形或多层次。基本上，一个人没有那么多东西可以展示，除非你想把小学每个学期的考试内容都写下来。

    基本上普通设计师中比较常见的是单页个人网站，有点类似于简历，可以用在很多场合，比如找工作、接单、社交等。

    考虑一下您想要展示的内容，然后将其分类。尝试尽可能地简化它。不要把你想到的一切都放进去。相信我，没有人想看你在大学里熬过多少个通宵，参加过多少次慈善活动。一个内容区有一个主题，再加上一些你认为重要且与该主题相关的观点。

    ▼

    线框

    好了，内容整理好了，我们来画图吧。与此类似

    当然，由于我们是个人网站，所以没有那么复杂。我们从上到下将其分为N个区域。 N等于内容块的数量加上LOGO（如果有的话）区域加上底部区域，然后按照内容的重要性依次排列。

    在纸上画出粗略的草图。你可以随意画，也可以画得更精致。都是一样的。我喜欢一开始比较随意，进入PS之后再细化。

    这一步也可以用一些软件来完成，但工作中通常是一个大项目。大型项目会有两个阶段：纸质原型和原型。我们个人网站比较随意，不需要那么麻烦。

    ▼

   

    调性

    调性，这个词的意思是非常冷（bi），实际上是你的个人网站放在这里的特征。你向别人展示的主要性格是你是阳光开朗还是冷静厚重，是你淫荡淫荡还是你自命不凡。

    嗯，就是这个语气，╮(╯▽╰)╭，哦，别走，道友请留下来~~~乖，我会认真的，我会好好说的。

    第一步是确定配色方案。当然，新手可能对这一步不熟悉或者不清楚。我们简单说一下颜色的特点：热——红、橙，清爽——黄、绿，冷——蓝、白。这些是最简单和最常见的。关于配色的具体知识，我转发庞大深的一篇文章，请看今天的另一篇文章。

    然后就是素材的收集，也许是你自己的全身照，也许是你工作台的照片，也许是你朋友的照片，也许是要用的背景图。当然，这一步的东西可能是设计过程中产生的，但也不一定。不要被规则所束缚。设计是免费的。能有个参考就好了。

    角色设定好之后，基本颜色就​​差不多定下来了。您可以掌握其中的可变性。说到设计，再次强调，多阅读、多实践。

    ▼

    设计

    接下来就看你个人水平了，自由发挥布局和创意吧。其实这里面有很多乐趣，因为创意不再受到限制，设计过程变得更自由、更有趣。

    到了这一步，了解前端的同学会更好，可以考虑后期实现的问题，所以后期实现后网站效果会更好。

    设计时需要注意的几点： 首先，要有一个返回顶部的按钮。这类网页一般都比较长，返回顶部很有用。其次，此时应该考虑页面上的一些交互。如果有二级页面，点击的入口应该如何高亮，鼠标交互效果应该如何等等。第三，你想要更多、更炫的效果吗？选择？

    最后我再说一遍，细节决定设计的成败。花更多的时间和心思，做出来的东西自然会更好。来吧，酷家伙们。

    扫描“二维码”即可加入↘

    “一个靠信誉和高薪取胜的组织”