21款非常大气的网站UI设计风格指南

2016-02-16 19:14 47 1 收藏

今天图老师小编要向大家分享个21款非常大气的网站UI设计风格指南教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - 平面设计 】

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

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

1. UI Style Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

2. Process Assets

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

3. Product Guidelines

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

4. Duolingo Design Guidelines

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

5. UI Style Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

6. UI Library

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

7. EL Passion UI Style Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

8.WIC Style Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

9. Brian Johnson – Style Guide

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

10.Colour And Type

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

11. Colors And Interface Elements

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

12. Style Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

13. Salesforce UX Product Style Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

14. Lystable UI/X Style Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

15. Uber Brand Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

16. UI Style Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

17. UI Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

18. Introducing The Salesforce Lightning Design System

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

19. Haywire Style Guide

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

20. Branding WIP

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

21. Brand Applied

21款非常大气的网站UI设计风格指南,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1571903.html

延伸阅读
来源:设计派 作者:Pudding 效果图是用PS中的3D工具制作的,只是制作的思路有点复杂,需要把文字分解为几个图层,如描边、实体,玻璃装饰等;然后用3D工具逐层转为想要的立体效果,再整体渲染颜色及调整细节等,做出自己喜欢的效果。 最终效果 1、创建一个新文档,大小为1500*1250像素,填补背景颜色为# DBDBDB。 2、创建文本层,字母要全...
界面设计是用户体验里非常重要的一环,小至手机端的程序,大到电脑上的软件,都有它的参与。UI设计师就是为此而生的。给用户创造愉悦的使用体验是设计师的初心,今天我们收集了一组优秀UI设计,涵括APP以及Web的界面设计,希望能给你带来灵感。 UI Design UI Design UI Design UI Design UI Design UI Design UI Desi...
经常有人会问学工业设计的,可以上哪些网站?今天就把知晓的一些很不错的网站推荐给大家,主要侧重工业设计方面的。这些网站包括设计类社区、概念产品网站、创意品资讯平台、工业设计公司、工业设计赛事、新兴的产品众包平台等。学设计的,一定要多看。 1、Behance 是2006年创立的著名设计社区,创意设计人士可以在上面展示自己的作品,发现...
前面我们分享过很多使用照片或全屏网页背景的灵感文章,这些作品看起来确实很美丽,但是我觉得使用极简主义风格也是很好看的,简洁、没任何图像而且容易使用,这是极简网页设计的特色之一。 今天我们整理21个不依靠图像打造简洁网站设计案例,从这些作品中你可以学习到一些简约的网页排版,不需要图像,懂得利留白空间以及网页颜色搭配,让整...

经验教程

582

收藏

63
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部