黔东南设计网站公司:10条改进你的编辑和杂志网页设计工艺的小窍门-极简慕枫

黔东南设计网站公司:10条改进你的编辑和杂志网页设计工艺的小窍门

2019-04-24

越来越多的报纸和杂志在网上发表,他们的网站往往比传统网站需要更多的思考和关心。几个世纪以来,编辑们已经对出版物的设计进行了大量的思考和关注,因此,想要给杂志的网页设计带来同样的质量,这是很自然的。

然而,风格并不是这些出版物唯一需要关注的问题。

他们黔东南设计网站公司还需要考虑功能和用户体验。因此,这取决于你作为一个网页设计师或编辑网站所有者,以确保这些类型的网站是一样容易使用,因为他们是看。

前10名编辑和杂志网页设计小贴士

因此,如果你被授权创建或更新一个内容丰富的新闻或杂志网站,以下是改进你的编辑和杂志网站设计的10条建议。

1。使用杂志风格的主题

黔东南设计网站公司

额外杂志WordPress主题

当谈到杂志网页设计时,这似乎是显而易见的,但改善在线杂志设计的最佳方法之一是使用专门为此目的设计的主题。如果您使用WordPress,则尤其如此。

这些杂志和新闻主题典型的特点是精心设计的首页,使人们很容易在一个地方展示许多不同的文章,所有这些都不会压倒读者。其他有用的特性通常包括显示最新帖子的不同方式,按类别扩展菜单对内容进行简单分组,等等。

如果您正在使用WordPress,那么您将被宠坏或选择在这个部门,与许多用途的主题提供。更别提那些已经建立起来的网站,特别是那些有大量内容的网站,这些内容都是以不同的格式出现的。

像这样的主题的一个很好的例子就是我们额外主题。它是由Divi Builder提供动力,使它很容易创建自定义布局为您的网站主页,以及类别和内页。在额外的主题包中,您会发现大量预先构建的页面布局,使您能够发表适合于印刷杂志或报纸的文章。

尼克斯是我们收集的主题的另一个例子,可以用于杂志的网页设计。虽然它没有额外的主题那么新,但它还是提供了一种简单的方法来建立一个干净的、多功能的编辑网站。对于生活方式和文化社论来说,Exter是一个很好的选择,但是Nexus仍然值得科技和体育新闻网站考虑。

无论你是在重新设计网站,还是从头开始,选择正确的主题都是这个过程中的重要一步。确保你选择了一种能给你很多不同的方式来显示你的内容和功能,一个干净,易于阅读的设计。

2。了解你的观众并为他们设计

黔东南设计网站公司

确保你的设计适合你的观众

停留在最新的网页设计趋势这是重要的,但同样重要的是要记住,有一个以上的杂志网页设计风格,你可以基础的外观,你的网站。了解你的受众,或者你的客户,是每个成功的网页设计项目的起点,尤其是编辑网站。

Cracked.com是一个很受欢迎的幽默网站,它的主页设计满是一排排的文章,还有幽默的照片和标题,比如“电影宇宙的20条规则”(“现实生活中从未发生过的规则”)。另一方面,Loppist,一个在线的艺术和设计社论,有一个更优雅的网站设计,上面有一张大背景照片,下面是最小的内容。

两种类型的杂志网页设计都是正确的或错误的,他们都很好的工作内容,他们正在出版的内容和他们的目标受众。

这些出版物了解读者的个性,这使得设计主页和文章布局更容易,以适应不同读者的口味和期望。

3。使用更大胆的图像

Magazine Web Design Images shutterstock_376415965-Naghiyev

发挥你的创意-图像由Naghiyev/快门斯托克网站

数十年来,社论在他们的杂志上使用了大而大胆的图片,但在其存在的大部分时间里,网络一直停留在较小的图片上。在过去,这是由于更实际的原因,如屏幕大小和下载速度,而不是一个简单的优先事项。

然而,时代在变化,互联网的限制正在慢慢消失。因此,你不应该忽视在正确的时间使用正确的图像的力量。别害怕制造高质量的产品,优化图像你的新闻或杂志网站设计的焦点。

如果你不能拍你自己的照片,使用股票照片,但在你选择的方式上要更有策略。使用高质量的站点,如舒特斯托克istock找到吸引眼球,制作良好的图片,帮助传达您的文章的信息给您的读者。

黔东南设计网站公司甚至可以使用这样的免版税网站防溅摄影术。事实上,有很多寻找免费的高质量图像的地方为你的项目。

如果你决定使用股票图片,试着坚持你的文章的风格或主题。例如,在这里,在优雅的主题,我们通常喜欢使用矢量图像,而不是插图或照片。

不要害怕将这些照片用作特定文章的大标题图像。要有创意,这样你或你的客户就可以用正确的视觉效果讲述更好的故事。每次你创建一个新的贴子,并考虑它的主要形象是否值得作为一个杂志的封面。

再回到选择正确的WordPress杂志主题,最好的主题将允许您创建页面布局,打破了WordPress编辑的限制。这使您可以为您的文章设计布局,将文本和图像结合在一起,效果很好。

4。使用多个设计精良的字体

Magazine Web Design Typography-shutterstock_237855007-Oleksii Badusov

不要低估排版的力量-Oleksii Badusov/ShuterStock.com的图像

使用网络友好型字体仍然是非常重要的。越来越多的人通过移动设备来阅读新闻,这意味着你的字体需要在大范围的屏幕上看起来很棒。但那不是有什么好担心的。

特色图片是鼓励用户点击文章的最佳方式之一。然而,不要低估精心挑选的字体的力量。它们可能不是你的网站设计中改变游戏的补充,但它们确实发挥了很大的作用。

您还应该考虑在单个页面上使用多个字体。文章标题用一种字体,标题用另一种字体,段落用第三种字体。试着尝试各种字体的混合,这些字体可以互相称赞,也可以不是。

由于今天使用的设备范围很广,所以有一些令人兴奋的排版趋势出现在2016年所以,一定要对你的网站进行实验,看看什么对你的内容最有效。

5。将大图像与精心选择的字体结合起来

黔东南设计网站公司

图像与文本结合实验

当你把大而大胆的图片和精心设计的字体结合在一起时,你就能创造出吸引眼球的视觉效果,从而使编辑内容变得生动起来。看看多玛尼工作室是如何在他们的主页上这样做的。对于文章的功能或标题图像,您可以使用相同的技术来突出文章的整体信息。

它并不总是需要大,粗体字体,也。玩你的设计,看看什么最适合你的出版物。例如,轻量级的脚本字体可能会更适合高端、复杂的时尚杂志。

6。使用网格系统

Grid layouts can be used to great effect

网格布局可以发挥很大的作用。

编辑杂志在传统出版物中使用网格系统已经有几十年了,所以网页设计师将这种实践融入到他们的设计中是很自然的。网格系统是一个页面的结构,通常是一个网站的主页,它使用水平和垂直线以视觉上吸引人的方式显示内容,而且用户使用起来更容易。

黔东南设计网站公司可以使用页面生成器来设计您自己的网格系统,其中包括divi Builder。看看汤姆的帖子最佳WordPress网格插件如果你想要一个简单的方法来改进你的杂志网页设计。

最具视觉吸引力的网格系统使用的图像多于文本,所以一定要使用吸引人的缩略图,当使用网格系统时,您会想知道背后的故事。

7。拥抱空白

Magazine Design Trends white space

不要害怕空白

在杂志的网页设计和一般的在线设计中,空白曾经是一个很大的不-不。设计师,特别是平面设计师,坚持一条严格的规则,主张使用每盎司可用的空白,因为空白是“浪费空间”。这造成了一个巨大的问题-杂乱。

没有空白处,你或你的客户花在大标题和设计引人注目的图像可能会浪费在杂乱的这些没有空白设计的时间。拥抱空白,并利用它向读者展示他们应该集中注意力的地方。

以中等为例。这个站点不会在文章上显示侧边栏,并且很少在页面上使用其他元素。与其被广告、电子邮件选择的表格和其他元素分心,读者的注意力只有一件和一件事需要关注-内容。

8。使用谷歌的材料设计

Magazine Web Design Wired

准备接受谷歌材料设计

如果你看了兰迪·布朗的预测2016年网页设计趋势,你会知道,谷歌的材料设计将成为今年的主要参与者,编辑设计师应该注意到这一点。

材料设计(MaterialDesign)由谷歌(Google)于2014年底推出,用于Android设备,这是对平面设计的一次新尝试。基本上,它给典型的平面元素一个或两个额外的层,所以他们不是完全平的,呼吸新的生命这个流行的设计趋势。

这将元素转化为卡片,从而使它们彼此区别开来。将其纳入您的杂志网页设计策略的一个很好的例子是将其用于主页元素,例如文章列表。正如你在上面的图片中所看到的,Wired使用这个设计在他们的主页上将不同的文章在视觉上分开。文章卡甚至有一个“升降机”的动画,当你悬停在他们之上。

这一杂志的网页设计趋势使网页设计师可以选择区分页面上的两个或多个元素,以一种比标准平面设计提供的典型选项更具视觉吸引力的方式。

9。使用优雅的微交互

Magazine Web Design Daily Beast

每日野兽侧边栏上的微观交互示例

在丹·维吉里托的帖子里五个UX趋势设计师应该知道在2016年他提到了两个在编辑网站上很有效的微型互动的例子。

微交互是帮助用户浏览网站的微小的小交互。这可能包括在网页的右下角的一个小按钮,当它被点击时,用户可以直接到达页面的顶部。

Dan给出的一个很好的例子是一个进度条,它让用户知道他们在一篇文章中有多远。DailyBeast在阅读每一篇文章的列表侧边栏功能时都使用这一功能。添加此功能到您的杂志网页设计是一个伟大的方式,以保持用户参与您的内容尽可能长。

10。列出重要信息

Use break out boxes to entice readers

使用分类框吸引读者

某些出版物可以通过将重要信息装箱并以读者更容易理解的方式将其显示在文章的一侧,从而得到相当多的使用。这种做法在烹饪网站上很流行,它提供了一种有效的方法,可以在侧边栏或靠近文章边缘的地方显示配料列表。

它也可以被创造性的网站作为一种方式,以显示一个材料的清单,读者将需要完成一个DIY项目。社论可以使用同样的实践,如果他们在他们的网站上产生如何-to文章,但也有其他方式来使用它们。

例如,使用倒金字塔式写作方法的出版物可能会发现,在这些框中显示文章的要点和事实是有用的,但随后使用整篇文章详细说明这些要点和事实。

突破一些额外的内容可以帮助你的读者提供一些易于理解的信息,以支持你的文章,吸引任何人浏览你的网站。

关于期刊网站设计的几点思考

风格是最重要的因素之一,考虑到这种类型的网站,并有充分的理由。一份完整的出版物,包括出版的每一篇内容,都围绕着这种风格。这就是为什么你作为一个设计师,在实现这种风格时记住功能和网站的总体用户体验是如此重要。

黔东南设计网站公司每次在编辑网站上加入一个新的设计时,都要考虑它将如何影响网站的用户体验。例如,背景视频看上去很棒,但是当它阻止一个连接适度的互联网用户加载你的内容时,它们能给网站带来的好处很快就消失了。