网页设计 & 灵感 » 适用于Web和移动UI的风格指南设计

适用于Web和移动UI的风格指南设计

发表于: 网页设计 & 灵感, 视觉设计. 评论
Sponsor

UI风格指南就像是一本格式手册,让设计师和前端人员按照这个格式来制作,其主要优点是让界面视觉保持一致的风格,对于大型网站项目、软件系统、移动APP一般都需要一个风格指南,还有些项目把CSS样式规范也做上去。

扩展阅读:《90个给你灵感的品牌视觉识别系统》、《Google视觉设计规范参考

如果你想快速生成风格指南,可以试试这几个在线工具: Website Style Guide ResourcesStyle Guide BoilerplateStylify Me,可以快速完成一个简单的Style Guide.

下面是一些UI风格指南的设计,界面友好、清晰,比纯文本好看多了,建议收藏起来供日后参考:

Crunch Time Style Guide

UI 风格指南
查看作品

NRMA Style Guide

NRMA Style Guide by Nomad Agency


查看作品

Ui Style App

Ui Style App by Nick Zhukov
查看作品

Style Tile

Style Tile by Facundo Gonzalez
查看作品

Reimagining Codecademy

Reimagining Codecademy by Manuel Lima
查看作品

UI Style Guide

UI Style Guide by Greg Dlubacz
查看作品

Finalising a Style Guide

Finalising a Style Guide by Luke Taylor
查看作品

Airbnb UI Toolkit

Airbnb UI Toolkit by Derek Bradley
查看作品

Visual Style Application

Visual Style Application by Nick Zhukov
查看作品

UI Style Guide

UI Style Guide
查看作品

App Style Guide

App Style Guide by Marcelo Pérez
查看作品

Style Guide Mania

Style Guide Mania by Bill S Kenney
查看作品

Medium.com Ui Style Guide

Medium.com Ui Style Guide by Teehan+Lax
查看作品

Product Style Guide &Visual Guidelines

Salesforce1 Product Style Guide &Visual Guidelines
查看作品

整理:speckyboy

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }