Website Template

20th August 2020 at 2:19pm
Web Development

网站模板。

背景

这些场景你可能需要做网站:

  • 个人 profilio 页,比如我展示自己的项目、写的文章等;娜娜展示她的摄影作品等
  • 创业项目,可能是个网站服务,可能是个 app,需要有个网站做功能介绍、价格对比、收集反馈等

这种时候,手写网站往往是吃力不讨好的事情,因为做精美的网站,要考虑的点非常多:

  • 技术上要懂 HTML、CSS、JS 等,而且做出精美的网站对 CSS 要求很高
  • 能做一个统一的视觉设计规范
  • 考虑 SEO
  • 要将大量常用的组件做封装,比如价格对比表、用户评价/赞扬卡等。看看 IndieGo 这个 模板 它主菜单中的 components

解决方案

所以大致有两个解决方案:

  • 用 UI 框架,比如 Bootstrap、Bulma
    • 优点是编程上实现比较简单,因为它们往往是非常模块化的,而且可能有 React 的组件实现等
    • 缺点是大多数没有抽象程度更高的组件,比如这种 promotion block,需要自己编写;设计上不如网站模板那么精美;
    • 但亦有少数 UI 框架带有 marketing blocks,比如 Tailwind UI(收费颇贵)
  • 找专业的网站模板
    • 优点是设计精美,抽象程度高(比如封装了 promotion block、pricing table 等),你只需要拿来改改就好
    • 缺点时定制成本会高

目前我觉得像产品介绍页(比如 TickTick 的产品介绍页),用网站模板比较好。因为它涉及的交互并不多,而且对设计的美感要求更高。像功能页面(比如 TickTick 的用户操作页面),用 UI 框架比较好,因为你需要定制很多组件,网站模板中提供的 UI 组件可能就不适用了。而且用户操作页面的交互逻辑可能会重得多。

好的网站模板

nicetheme

nicetheme 是国内的 WordPress 主题开发团队。罗磊的博客 用了它们的 cozy 主题,感觉不错。

Theme Forest

Theme Forest 是一个不错的 WordPress 主题站。Smart Blogger 推荐

Elegant Themes

Elegant Themes 提供了一个专业的 marketing WordPress 模板,以及页面构建工具。Smart Blogger 推荐

Elastic Themes

Elastic Themes 给我感觉非常好。针对了不同的用途设计了不同的模板,而且质量很高。它们的模板托管在 Webflow 上。

Webflow

Webflow 网站上的模板总体给人质量不错的感觉。尽量看付费模板而不是免费模板。