想做好pc端网页设计?这几个设计原则和思路要掌握!

今天心血来潮,想搞个自己的网页玩玩,说干就干!开整!我得琢磨琢磨这网页到底要拿来干不能瞎搞,得有个目标。我这人平时就喜欢写写东西,拍拍照片,干脆就搞个展示个人作品的网页,就当是我的一个线上小展厅。定好目标,开干!我先在本子上画画草图,大概想想网页的布局。顶部肯定得有个导航栏,然后中间放我的作品,左边可以弄个个人简介啥的。大概就这样。内容排布接下来就是内容。我把我之前写的文章、拍的照片都整理一下,分

今天心血来潮,想搞个自己的网页玩玩,说干就干!

开整!

我得琢磨琢磨这网页到底要拿来干不能瞎搞,得有个目标。我这人平时就喜欢写写东西,拍拍照片,干脆就搞个展示个人作品的网页,就当是我的一个线上小展厅。

定好目标,开干!

我先在本子上画画草图,大概想想网页的布局。顶部肯定得有个导航栏,然后中间放我的作品,左边可以弄个个人简介啥的。大概就这样。

内容排布

接下来就是内容。我把我之前写的文章、拍的照片都整理一下,分门别类,准备往网页上放。这可是个体力活,不过想到能把自己的作品展示出来,还是挺兴奋的!

  • 文章:精选几篇自己觉得写得还不错的。
  • 照片:挑一些风景照、人像照,展示我的摄影技术!
  • 关于我:简单介绍一下自己,让大家认识认识我。

设计排版

内容有,接下来就是设计。我可不是专业设计师,不过没关系,网上有很多免费的网页模板,可以参考参考。我找几个简约风格的模板,感觉挺符合我的审美。不过也不能完全照搬,得有点自己的特色。

我主要关注几个点:

  • 颜色: 选个浅灰色作为背景,感觉比较舒服,不刺眼。
  • 字体: 选个看起来比较清晰的字体,保证大家看得清楚。
  • 留白: 这个很重要,不能把页面塞得满满当当的,得留点空白,让人看着舒服。
  • 重点突出: 用不同的字号、颜色,把重点内容突出显示,让大家一眼就能看到我想表达的东西。

开工实现

设计得差不多,就开始动手写代码。我用的是Sublime Text,边写边看效果。遇到不懂的就上网查,或者问问朋友。过程虽然有点磕磕绊绊,但总体还算顺利。

主要就是 HTML 和 CSS,也没用太复杂的东西, 毕竟只是个展示型的网页。

反复调整

代码写完,网页也差不多成型。不过这还没完,还得反复调整。看看哪里不协调,哪里需要修改。比如,图片大小要不要调整一下?文字排版是不是还可以优化一下?就是要精益求精,让网页看起来更舒服、更美观。

今天就先搞到这里,明天继续完善!

经过几天的折腾,我的个人网页终于上线!虽然很简单,但也是我亲手打造的,心里还是挺有成就感的。以后有新的作品,我还会继续更新,让这个网页越来越丰富!

今天的分享就到这,希望能给想做个人网页的朋友们一点点帮助!