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

2016-02-16 19:14 40 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

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

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

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教程,图老师教程网

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教程,图老师教程网

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

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

延伸阅读
界面设计是用户体验里非常重要的一环,小至手机端的程序,大到电脑上的软件,都有它的参与。UI设计师就是为此而生的。给用户创造愉悦的使用体验是设计师的初心,今天我们收集了一组优秀UI设计,涵括APP以及Web的界面设计,希望能给你带来灵感。 UI Design UI Design UI Design UI Design UI Design UI Design UI Desi...
前面我们分享过很多使用照片或全屏网页背景的灵感文章,这些作品看起来确实很美丽,但是我觉得使用极简主义风格也是很好看的,简洁、没任何图像而且容易使用,这是极简网页设计的特色之一。 今天我们整理21个不依靠图像打造简洁网站设计案例,从这些作品中你可以学习到一些简约的网页排版,不需要图像,懂得利留白空间以及网页颜色搭配,让整...
标签: PS PS教程
效果字制作分为三个部分:背景、字体效果、装饰。背景使用了一张与主题相关的星空素材,微调了颜色;字体部分用了多个图层,每一层用不同的样式增加描边、浮雕、纹理等;最后加上一些星光装饰即可。 最终效果 1、创建950*550像素画布,将星空素材置入到背景图层上方,然后按画布大小调整尺寸。 <素材 2、双击星空图层,应用图层样式...
来源:设计派 作者:Pudding 效果图是用PS中的3D工具制作的,只是制作的思路有点复杂,需要把文字分解为几个图层,如描边、实体,玻璃装饰等;然后用3D工具逐层转为想要的立体效果,再整体渲染颜色及调整细节等,做出自己喜欢的效果。 最终效果 1、创建一个新文档,大小为1500*1250像素,填补背景颜色为# DBDBDB。 2、创建文本层,字母要全...

经验教程

484

收藏

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