设计干货:9个设计技巧帮助您把网站设计的更专业

2024-06-20 16:06:51

1、明确和突出的品牌设计

这是显而易见的事情。印刷出版的杂志通常会有明显而突出的品牌设计,通过品牌化的设计,有的会强调其权威性,有的会强调其个性。很大程度上,品牌化的设计是为了从激烈的竞争者脱颖而出。数字杂志同样如此。

突出品牌的方式有很多,内容是其中很重要的部分,同时视觉和体验也不容忽略。比如在技术类数字杂志中极为出名的 Wired ,也就是《连线》杂志。独树一帜的LOGO,黑白分明的配色融入整个数字杂志的网站设计,和LOGO以及品牌本身遥相呼应。

将品牌的色彩、设计元素贯穿到整个数字杂志的网站设计,这样能自然而然地强化整个品牌的概念。

2、抢眼独到的头条

数字杂志外有品牌化设计,内要有强大的内容支撑。头条是这个网站的拳头,它要抢眼,干脆,直击用户,在网页上要一目了然,是视觉焦点。清晰的排版和易于浏览的头条文章,是必须要有的。

看看 UX Magazine 的首页设计,相信你就明白了我的意思。头条字体采用了展示性的字体,厚重,和正文形成明确的对比。在头条文案上,也需要多花心思打磨,这样才能确保它真正有吸引力。

3、有阶梯层级的导航

虽然现在主流的导航设计都奔着简化去了,但是强调专业性的网站其实还是多少需要多层级的大型导航栏的。一方面,这类数字杂志类的网站通常有着类别多样文章和大量的存档,另一方面,这样的导航会给人以“专业”的感觉。

无论你用的是Wordpress这样的CMS平台还是自己写的网站,都可以使用这样的导航。在Wordpress 当中,无论是加入标签还是进行自定义分类都很方便,类别多了之后可以采用下拉式菜单,但是不论怎样设计,尽量让体验顺滑流畅。

Atlanta Magazine 的大型导航菜单给人的体验就非常流畅,下拉菜单中嵌入了大量的链接。由于响应式的滑动导航在移动端上也已经很常见了,这使得它还轻松兼顾到了移动端的设计。

4、文章推荐小插件

每个数字杂志风格的网页首页看起来都不尽相同,它们有着相似的首页,但是借助不同的排版布局,见缝插针的各式文章推荐的小插件,实现不一样的视觉效果,引导用户不时停下来点击感兴趣的文章。

这些热点文章推荐的小插件是非常引人瞩目的。用来推广热门文章和zui近文章是相当有用的。

Search Engine Journal 的首页上就采用了一个这样的轮播式文章推荐小插件,每次展示3篇推荐文章,并且轮播滚动的时候会在左侧视觉化地展示出相应的图片。你可以仔细看看你所喜欢的数字杂志网站都是怎么设计这样的小插件的,或者了解一下他们用的都是哪些插件。

qrcode