AMO全媒体运营
首页 知识星球 网站UI设计说明范本(设计风格指南)

网站UI设计说明范本(设计风格指南)

在网页设计或 APP UI设计中,为了更好的规范设计文档,设计师通常会花时间去把各种 UI 元素组织起来,比如字体大小、段落行距、按钮颜色、尺寸等等,制作 Style Guide …

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

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

1. UI Style Guide

UI设计说明
点击查看

2. Process Assets

ui-style-guide-1
点击查看

3. Product Guidelines

ui-style-guide-3
点击查看

4. Duolingo Design Guidelines

ui-style-guide-4
点击查看

5. UI Style Guide

ui-style-guide-5
点击查看

6. UI Library

ui-style-guide-6
点击查看

7. EL Passion UI Style Guide

ui-style-guide-7
点击查看

8.WIC Style Guide

ui-style-guide-8
点击查看

9. Brian Johnson – Style Guide

ui-style-guide-9
点击查看

10.Colour And Type

ui-style-guide-10
点击查看

11. Colors And Interface Elements

ui-style-guide-11
点击查看

12. Style Guide

ui-style-guide-12
点击查看

13. Salesforce UX Product Style Guide

ui-style-guide-13
点击查看

14. Lystable UI/X Style Guide

ui-style-guide-14
点击查看

15. Uber Brand Guide

ui-style-guide-15
点击查看

16. UI Style Guide

ui-style-guide-16
点击查看

17. UI Guide

ui-style-guide-17
点击查看

18. Introducing The Salesforce Lightning Design System

NewImage
点击查看

19. Haywire Style Guide

ui-style-guide-19
点击查看

20. Branding WIP

ui-style-guide-20
点击查看

21. Brand Applied

ui-style-guide-21
点击查看

 

以上内容就是“网站UI设计说明范本(设计风格指南)”的全部内容了,喜欢的小伙伴记得点赞收藏,也可以分享给身边感兴趣的朋友。如果你还想了解更多知识星球的相关内容,可以来AdobeEdu设计联盟官方网站获取。

生成海报
免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
域名
Avatar photo

作者: AdobeEdu

AdobeEDU设计网址导航,为设计师提供无限的创意参考,欢迎大家同时关注微信公众号:UID的小伙伴们

为您推荐

设计师该如何做知识管理(上)

设计师该如何做知识管理(上)

不久前,很荣幸受到 58UXD 团队邀请,做了《设计师该如何做知识管理》的线上分享。预料之外的是,这次分享收获了远超预期...
这套网页设计,看你能偷走多少排版技巧

这套网页设计,看你能偷走多少排版技巧

当我们收集的灵感图越多,越难回头整理、查看,趁着这段时间,我仔细研究了每天在社群发布的“网页设计”灵感部分。 发现这些作...
9种常用UI界面中的控件规范,UI设计师要学的哦!

9种常用UI界面中的控件规范,UI设计师要学的哦!

我们在设计UI 界面的时候,有一些控件几乎总是会用到。用户熟悉了它们的交互模式,也因此建立了心智模型,很清楚如何通过这些...
追求视觉冲击力?看这 7 大设计风格!

追求视觉冲击力?看这 7 大设计风格!

作为设计师应该都会很关注最新最前沿的视觉趋势,我们每天的工作有很大一部分时间会消耗在找素材参考图上,于是发现尽管每个人手...
教你3种个性独特的海报设计,操作简单!

教你3种个性独特的海报设计,操作简单!

设计的风格有很多种,今天给大家带来的是三种设计风格的海报案例呈现。操作很简单,大家看完记得练习哦。直接开始今天的教程吧,...

发表回复

返回顶部