21个超赞的网站UI设计风格指南

2016-2-2    博博

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

在网页设计或APP UI设计中，为了更好的规范设计文档，设计师通常会花时间去把各种UI元素组织起来，比如字体大小、段落行距、按钮颜色、尺寸等等，制作 Style Guide 虽然会浪费一些时间，但却有其它方面的好处，比如确保UI设计风格保持一致性，让开发人员遵循风格指南去开发，节省沟通时间。


文章为大家整理了21个不错的UI设计说明范本，设计师们可以按照这个范本来为自己的项目做一个UI设计说明，有了这个设计风格指南，也能看出自己的作品是否整洁规范并提高沟通效率啦。


1、UI Style Guide


地址：https://dribbble.com/shots/2366217-UI-Style-guide


640.webp (21).jpg




2、Process Assets


地址：https://dribbble.com/shots/2023615-Process-Assets




640.webp (1).jpg


3、Product Guidelines


地址：https://dribbble.com/shots/2162792-Style-Guide-Product-guidelines




640.webp (2).jpg

4、Duolingo Design Guidelines


地址：https://dribbble.com/shots/2386303-Duolingo-Design-Guidelines




640.webp (3).jpg

5、UI Style Guide


地址：https://dribbble.com/shots/1947348-UI-Style-Guide




640.webp (4).jpg


6、UI Library


地址：https://dribbble.com/shots/1998807-UI-Library




640.webp (5).jpg

7、EL Passion UI Style Guide


地址：https://dribbble.com/shots/2234209-EL-Passion-UI-Style-Guide




640.webp (6).jpg

8、WIC Style Guide


地址：https://dribbble.com/shots/2071828-WIC-Style-Guide




640.webp (7).jpg


9、Brian Johnson–Style Guide


地址：https://dribbble.com/shots/2198911-Brian-Johnson-Style-Guide




640.webp (8).jpg


10、Colour And Type


地址：https://dribbble.com/shots/2104585-Colour-And-Type




640.webp (9).jpg


11、Colors And Interface Elements


地址：https://dribbble.com/shots/2044099-Colors-and-interface-elements




640.webp (10).jpg


12、Style Guide


地址：https://dribbble.com/shots/1980617-Style-Guide




640.webp (11).jpg


13、Salesforce UX Product Style Guide


地址：https://dribbble.com/shots/2024450-Salesforce-UX-Product-Style-Guide




640.webp (12).jpg


14、Lystable UI/X Style Guide


地址：https://dribbble.com/shots/2304849-Lystable-UI-X-Style-Guide




640.webp (13).jpg


15、Uber Brand Guide


地址：https://dribbble.com/shots/2094092-Uber-Brand-Guide




640.webp (14).jpg


16、UI Style Guide


地址：https://dribbble.com/shots/2080529-UI-Style-Guide




640.webp (15).jpg


17、UI Guide


地址：https://dribbble.com/shots/2044229-UI-Guide




640.webp (16).jpg


18、Introducing The Salesforce Lightning Design System


地址：https://dribbble.com/shots/2214699-Introducing-the-Salesforce-Lightning-Design-System




640.webp (17).jpg


19、Haywire Style Guide


地址：https://dribbble.com/shots/1260746-Haywire-Style-Guide




640.webp (18).jpg


20、Branding WIP


地址：https://dribbble.com/shots/2152666-Branding-WIP




640.webp (19).jpg


21、Brand Applied


地址：https://dribbble.com/shots/2220923-Brand-Applied




640.webp (20).jpg

 

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供有效的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

 

分享本文至：
« 悄然流行的混合型视差网页设计趋势 Material Design引领的设计趋势 »

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档