沈阳网页设计培训班向您分享网页设计小技巧

向您分享网页设计小技巧

只用合适的字体

有些字体很不错，就用它们吧。

注意:这一部分没有太多知识要学，我只是给你推荐一些好用的免费字体给你。

有的网站很有个性，会用到比较特别的字体。但是，大多数产品的 UI 设计只要保持干净、简洁就可以了。所以，把那些太花哨的字体放到一边吧。

我在这里推荐一些免费的字体。因为这篇文章是为初学 UI 设计的人所写，这些免费的字体完全够用了。

我希望你把这些字体下载下来，在你开始项目设计之前，浏览一下它们。

以下是我推荐的字体：

Ubuntu（上图）——字体偏粗，对于有些 app 来说太张扬了，但是对于大多数 app 来说还是不错的。在 Google Fonts 上可以找到。

Open Sans——非常易于辩读，是一款很流行的字体，用在正文非常合适，在 Google Fonts 上也能找到。

Bebas Neue——适合作标题，都是大写字母，在 Fontfabric 上能找到，这个网站上还有一些 Bebas Neue 的应用实例。

Montserrat——只有两种粗细，但也足够了。是 Gotham 和 Proximate Nova 最好的免费替代品，但不如那两种好。在 Google Fonts 上能找到。

Raleway——适合作标题，但不适合用于正文。有一个极细的版本（上图没有展现），在 Google Fonts 可以找到。

Cabin——在 Google Fonts 可以找到。

Lato——在 Google Fonts 可以找到。

PT Sans——在 Google Fonts 可以找到。

Entypo Social——一个社交网络图标集，在 *** 上能找到。

这里还有其它一些资源：

Beautiful Google web fonts——有Google Fonts的运用实例，我经常在这里找灵感。
FontSquiirrel——收集了不少可以免费商用的好字体。
Typekit——如果你用Adobe Creative Cloud（也就是用Photoshop或Illustrator等），你就可以从Typekit中获得包括Proximate Nova在内的大量字体。

像艺术家一样偷师（）

我第一次坐下来试着设计按钮、图标、弹窗等各个 app 元素时，我感到我对于什么是“好”知之甚少。但是我也很幸运，我并不需要完全设计全新的 UI，因为有很多优秀的作品可以借鉴。

下面列出一些资源，肯定会对你的设计非常有用 (按照重要性从高到低排列)

1. Dribbble

这个专为设计师而做的网站集合了网上最好的 UI 设计作品，在 Dribbble 上你能找到几乎各种类型的案例。

你可以关注一下我的 Dribbble 作品集。下面是其他一些推荐给你关注的人：

Victor Erixon——有着非常明显的个人风格，非常厉害。他的作品很漂亮、简洁，扁平设计。他做 UI 设计师已经 3 年了，是这方面数一数二的人才。



Focus Lab——这些人是 Dribbble 中的名人，他们的作品非常多样化，绝对是一流的。



Cosmin Capitanu——他是个通才，做出来的东西很疯狂，有未来感，但又不太花哨。他用色非常棒，但并不只专注做 UX 设计的。



2. Flat UI Pinboard

这里面有一些特别棒的手机 UI 设计，你能找到很多精美的 UI 设计实例。



3. Pttrns

这里面有大量 app 截屏，它的一大好处在于，它是按照 UX 模式分类的，因此，你在搜索你手头正在做的这一类作品时非常方便。



我坚定地认为每个艺术家初期都该像鹦鹉一样，不断的模仿和学习，直到能把顶尖的作品模仿得惟妙惟肖，然后再开始找到自己的风格，引领新的潮流。

所以，像个艺术家一样偷师吧！


总结

我之所以写这篇文章，是因为我很遗憾自己当初在学 UI 设计时，没有这样的教程。我希望这篇文章能帮到你。如果你是一名 UX 设计师，在画好框架和线框图之后，做出个漂亮的实物模型吧。如果你是一名开发者，把你下一个项目做得更美观一些吧。

UI 设计的学习不可能一蹴而就，而是需要不断地观察、模仿并且和他人交流。以上是到目前为止我所学到的，我也会保持着初学者的心态，继续前进

更多行业资讯请关注沈阳卓然设计师培训官网：