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界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

 

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档