宁波企业网站建设:设计师关于使用样式指南和样式的指南

宁波企业网站建设:设计师关于使用样式指南和样式的指南

宁波网站建设 | 2019-07-24
网页风格指南

我读过关于风格指南的不同意见。有人说这些是数字模型而其他人则说基于代码的样式指南是最有用的。

推荐阅读: 如何用代码样式指南优化CSS宁波企业网站建设

无论哪种方式,样式指南的目标与任何其他项目一样适用于网络。它定义了一致的模式、UI模块和创造性的首选项用于设计过程。你可以得到非常具体的和规定像素完美的测量某些元素,或者你可以保持松散,并提供指导的视觉例子。

没有一个正确的方法来做一个风格指南。唯一错误的方法是创建一个简单的资源别人无法理解.

目标是创建一个资产经得起时间的考验..应该是开放编辑如果创建了新的资源。对于任何加入团队的人来说,它也应该可以轻松地深入到指南中。

风格指南应该是项目所需的细节..它通常包括可再用资产,例如排版、按钮、色块、纹理和常见的页面元素。

我们最近报道了生活方式指导工具这可以帮助你从零开始建立生活方式指南。这些生活指南更多的是为前端开发人员,但他们也可以是同样有用的设计师。您可以在这个粉碎的杂志帖子.

我最喜欢的资源是StyleGuides.io..它覆盖了网页风格指南基础,包括活生生的例子和个案研究Styleguides.io Home Page

MailChimp模式库是StyleGuides.io中最好的例子之一。这是一个在线的生活方式指南定义MailChimp的网格、排版和页面元素

当您为网络公司设计样式指南时,通常会将所有内容都放在网上,但您也可以创建内部导轨,并将它们保存在本地Intranet上或在用户登录页面后面将其单独托管。您访问样式指南的方式并不重要。它们都具有相同的目的,即传递特定的颜色、图案和视觉效果。匹配web项目的主题.

要了解更多关于这一主题的信息,请查看关于样式指南的其他文章:

分叉成花式瓷砖

风格砖是完全不同的野兽。这些瓷砖是在早期设计阶段使用的创造性资产当试图确定一种特定的美学。

这个风格砖网站是由萨曼莎·沃伦它拥有你可能需要知道的一切。的确有没有特定模板设计风格的瓷砖。但萨曼莎的例子标题和段落类型、链接、模式,和可能的颜色选择连同一个品牌标志。

在使用样式瓷砖时,您的最终目标是现展示2-3种不同风格的瓷砖客户或创意总监。这些瓷砖是比情绪板更详细,但比一个完整的模型要详细得多。

瓷砖应该足够详细,以便给出网站的身份和心情..萨曼莎鼓励使用形容词详细描述每一块瓷砖。

客户可以看看不同的瓷砖,和选择他们最喜欢的作品..这,这个节省你的时间在设计时,因为客户已经看到了他们喜欢的资产,所以修改的可能性很小。

这里有一个很好的引用自风格瓷砖网站:

风格的瓷砖类似于油漆片和面料的样板,室内设计师在设计房间之前会得到他们的认可。室内设计师不会在第一次会议上为客户设计三个不同的房间,那么为什么网页设计师要设计三个不同的网页模型呢?

比较风格瓷砖与室内设计师的工具包是相当贴切的类比。你不想把精力倾注在像素完美的模型上,只想让客户意识到他们讨厌大多数的颜色和字体。

相反,使用样式块查找共同主题或视觉语言在整个网站上使用。这可以包括品牌/身份但也可能包括UI特性,例如下拉菜单或CTA按钮。

您应该使用这些可交付资产在这个过程的早期。一旦你完成了一个完整的模型,就没有必要再引用样式瓷砖了。然而,在开始的时候,风格的瓷砖对于创作过程来说是至关重要的。节省设计人员的时间和为客户提供许多可供选择的选项。

如果你想深入研究风格瓷砖看看这些相关的帖子。

风格指南与风格瓷砖

风格指南和风格砖的区别是模糊但明确的。一个风格指南是更多细部并且应该用作连续参考指南为了创意团队。一个风格瓷砖可以用作情绪板到视觉构思无论是为你自己还是为客户。他们经常习惯探索思想一旦项目完成,它们就没有多大用处了。

宁波企业网站建设

风格的瓷砖通常在边缘周围粗糙得多,它们被使用。仅仅在早期的创作过程中。。样式指南用于贯穿整个设计过程和即使是在以后,供日后参考其他可能在网站上工作的设计师。

两者各有优缺点。风格瓷砖快快乐乐,但是短命在自然界中。样式指南是彻底和表现得像视觉文档,但他们也需要大量的工作.

那你应该用哪一种?它最终取决于项目。

小型项目例如,对于小企业网站来说,使用风格瓷砖效果更好。为一个小型商业网站构建一个完整的风格指南将需要太多的工作和可付费的时间。对大多数客户来说,这可能不值得花这么多钱。

不过大型工程就像重新设计“纽约时报”一样,风格瓷砖和风格指南都会给纽约时报带来好处。

找到一种语言和心情对于一个新的项目来说,总是一个有价值的过程。这就是制造风格瓷砖的原因。几乎适合每一种情况。

你也可以过得去而不是创建这些资产中的任何一个。。一些设计师从线框到详细模型。。有些客户甚至不想要一个风格指南,因为它不会被使用。

在每个项目的基础上工作,并决定什么是对每个项目最好的。

活生生的例子

让我们用覆盖实例样式指南和样式瓷砖。我在浏览Dribbble时发现了这些设计,我认为它们体现了您希望在自己的样式指南或样式瓷砖中获得的质量。

风格指南

这不可思议Airbnb风格指南是德里克·布拉德利创造的。它非常简单,但它清楚地说明了主要模式、颜色和页元素可以在设计中找到。

Airbnb Style Guide

这里有一个大得多的数字风格指南由设计师Naoshad Alam创作。这个例子是更有组织带着颜色、排版、窗体、界面元素和其他UI功能的章节。

更详细的样式指南会将所有这些设计元素放到网上,并且包括代码段每个人。

Full-size Style Design

设计师丘比特·王做了这个后船指南。。排版、按钮、颜色选择和常见的页面元素都是精心制作的,组织成若干节。

这也可以移植到网络上,并作为在线参考文档构建得更大。

AfterShip UI Style Guide

UI设计者GregDlubacz分享了他自己的UI样式指南一个网络项目。这东西太大了。这个全屏预览跨越21,000像素高!

绝对是我见过的最好的数字风格指南之一。这也可以移植到在线文档页面,供团队成员参考。

UI Oversized Style Guide

风格砖

UI/UX设计人员Abdus Salam创建这种风格的瓷砖有机食品商店的网站。它是非常基本的平面设计元素,一些次要的UI功能,以及调色板.

UI UX Style Tile

设计师阿德里安·坎泰尔米真的用他的撤资式瓷砖。。它有颜色和字体,但也包括矢量图。

这些载体有助于定义品牌、心情和整体配色方案。网站。

Divestment Style Tile

世界杯顾问的重新设计有自己的风格瓷砖非常基本的特征。一些图标,一些颜色选择,以及几个按钮设计。简约是游戏的名字。

如果你能感觉到这个网站的样子一瞥那你就做对了。宁波企业网站建设

Primary Style Tiles

下面是一个有趣的示例,它是一个拒绝样式的瓷砖,用于旅行项目。。设计者Brennan Gleason只提供了一个小的瓷砖示例,但是您仍然可以感受一下网站的氛围。


上一篇:宁波网站设计:5条加强WordPress登录安全性的建议下一篇:宁波手机网站制作:理解移动应用程序设计中的微交互
联系电话 400-6065-301

微信咨询 寒总监

大赢家彩票APP 8828彩票注册_8828彩票官网登录-线路检测 u9彩票app T6彩票 toyou 阳光彩票APP 58彩票苹果版 T6彩票 toyou 全中彩票App 大无限彩票平台 彩帝彩票app下载-正规网站入口