# ui-home **Repository Path**: jimixy/ui-home ## Basic Information - **Project Name**: ui-home - **Description**: 美学-总结 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2017-12-06 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # ui-home 程序员在UI的路上 ## UI收集 走在前端的路上，时常梦见自己是走在美丽的卷宗里。在然而，往往只是梦醒了而已。前端路漫漫，希望某个时刻不依赖UI也能做一个优秀的产品。 ## 目录 * [文章](https://github.com/holidaying/ui-home/issues) * [wiki](https://github.com/holidaying/ui-home/wiki) * [UI网址](#ui网址) * [国外的UI/UE工具](#国外的uiue工具) * [UI设计工具](#ui设计工具) * [UI动效参考](#ui动效参考) * [UI配色工具](#ui配色工具) * [设计名言](#设计名言) * [googel插件](#工具插件) * [关于](#关于) ### UI网址 |名称 |订阅地址 | 介绍 | | ----- | ----- | ------ | |dribbble|https://dribbble.com/| 优秀的设计作品| |酷站|http://www.zcool.com.cn/|作品覆盖非常广的网站（中文） | |UI中国|http://www.ui.cn/|界面设计垂直社区、中国人气最高的图形界面交互设计平台| |Web Design Weekly| http://web-design-weekly.com/ | 设计、技术、技巧、工具聚合| |UX Weekly|http://uxwkly.com/|用户体验、网页设计推送| |腾讯CDC|http://cdc.tencent.com/|腾讯用户研究与体验设计部| |腾讯ISUX|http://isux.tencent.com/|腾讯社交用户体验设计| |invisionapp|http://blog.invisionapp.com/|优秀的国外Blog| |abduzeedo|http://abduzeedo.com/|Abduzeedo是个体作家分享文章架构、集体设计、摄影和UX| ### 国外的UI/UE工具 |名称 |订阅地址 | 介绍 | | ----- | ----- | ------ | |Notism|https://www.notism.io/tour| Notism 是一个功能很强的UX工具，它能让你轻松与同事分享设计进度，通过视频协作，让团队成员简化设计迭代和可用性测试流程。Notism的视频协作能力让大家觉得它是一个“游戏规则的改变者”。| |PowerMockup|http://www.powermockup.com/|PowerMockup是一种特别的原型工具。它提供了很多模版和功能，您只用需要使用PowerPoint就能完成原型设计。| |A/B Test Master|http://abtestmaster.com/|A/B Test Master是一个开源（有MIT许可证）用于研究最终用户行为的工具，确定更改最终用户的行为，并衡量转换率的效果。| |Solidify|http://www.solidifyapp.com/| Solidify提供了最快的方式进行多屏测试| |Gridset|https://gridsetapp.com/| Solidify提供了最快的方式进行多屏测试| |Gridset|http://uxwkly.com/|Gridset可用于设计， prototypingor生产。这可以轻松为您在原型中创建网格，并可以配置这些网格。| |Maxymiser|https://www.oracle.com/marketingcloud/products/testing-and-optimization/index.html|Maxymiser是一个多变量分析和测试用户满意度的工具| |AppCooker|http://www.appcooker.com/|AppCooker使得UI界面设计变得简单，它是您能够通过原生的IOS组件建造iPhone和iPad原型| |Firefly|https://www.fireflyapp.com/|Firefly是一个有用的设计管理工具，用户可以在设计过程中上传原型，应用程序的设计，图片，UI想法，甚至整个网页的能力，同样在团队协作上，也非常优秀。| |Vonn Mobile Material Design UI Kit|https://visualhierarchy.co/shop/vonn-material-design-mobile-ui-kit/|Vonn移动材质UI工具包，有100套漂亮的UI模版，分成8类，可以快速满足您的项目需要。如果您想快速建立您的APP非它莫属| |Ace iOS 8 Mobile UI Kit|http://visualhierarchy.co/shop/ace-ios8-mobile-ui-kit/|Ace IOS的移动UI工具包， 它比以往的任何设计工具更容易使用| ### UI设计工具 |名称 |下载地址 | 介绍 | | ----- | ----- | ------ | |Photoshop|http://www.boxui.com/ui-resource/bitmap/photoshop-bitmap/18205.html| 设计专用神器| |Illustrator|http://www.boxui.com/ui-resource/vector/illustrator/18628.html|Adobe Illustrator CC是目前最优秀的矢量图设计软件之一，是众多设计师必不可少的设计工具神器| |Axure7|http://www.boxui.com/ui-resource/produce/18645.html|设计原型工具神器| |mindManager|http://www.boxui.com/ui-resource/produce/18661.html| 思维导图神器| |Cut And Slice Me|http://www.boxui.com/ui-resource/design-aid/18666.html|切图插件神器| |MarkMan|http://www.boxui.com/ui-resource/design-aid/18669.html|标注神器| |GuideGuide|http://www.boxui.com/ui-resource/design-aid/18698.html|划参考线神器| |Kuler-Adobe|http://www.boxui.com/ui-resource/design-aid/18680.html|官方御用配色插件神器| |Corner Editor|http://www.boxui.com/ui-resource/design-aid/20823.html|圆角形状神器| ### UI动效参考 |名称 |访问地址 | 介绍 | | ----- | ----- | ------ | |NavNav|http://navnav.com| 收集优秀Web&APP菜单| |UI Movement|https://uimovement.com/|主要展示移动APP的动效界面，更新快| |Motions|http://motions.me|有APP和其它好玩的GIF动画作品| |Design Patterns|http://codepen.io/patterns|分类展示的动效元素，并且已实现代码编写| |mindManager|http://capptivate.com| 展示的优秀的动效作品| |Little Big Details|http://littlebigdetails.com|分享APP界面、软件界面、网页\智能手表等界面| |UYI|http://useyourinterface.com|收集一系列动效界面，方便你激发动效设计灵感| |UI Interactions|https://uiinteractions.com|分享带动效的UI设计作品，更新快| |SIX UX|http://sixux.com|分享6秒内的交互设计作品| |Flow Patterns|http://userflowpatterns.com| | ### UI配色工具 |名称 |访问地址 | 介绍 | | ----- | ----- | ------ | |Color Scheme|http://www.shejidaren.com/examples/tools/color-scheme| 在线配色中文版| |coolors APP|https://coolors.co/browser|在线配色以及查看优秀的配色方案| |Color Hunter|http://www.colorhunter.com|上传图像获取配色方案| |colourco.de|http://colourco.de|简单易用的在线配色工具| |Colllor|http://colllor.com| 轻松创建色调一致的配色板| |Colormind|http://colormind.io/|智能生成中性色| |UIgradients|http://uigradients.com|生成美丽的渐变颜色| |Colorfavs|http://www.colorfavs.com|抓取图像配色，带收藏配色功能（推荐）| |colors.css|http://clrs.cc|一个包含16种全新标准色CSS样式表| |PALETTABLE|http://www.palettable.io|智能匹配的颜色赞哦！| ### UI书籍 |名称 |访问地址 | | ----- | ----- | |平面设计|http://www.shejidaren.com/examples/tools/color-scheme| |网页设计|http://www.shejidaren.com/examples/tools/color-scheme| |交互设计|http://www.shejidaren.com/examples/tools/color-scheme| |摄影 & 后期|http://www.shejidaren.com/examples/tools/color-scheme| |配色|http://www.shejidaren.com/examples/tools/color-scheme| |字体 & 版式设计|http://www.shejidaren.com/examples/tools/color-scheme| |产品经理|http://www.shejidaren.com/examples/tools/color-scheme| |创意灵感|http://www.shejidaren.com/examples/tools/color-scheme| |心理学|http://www.shejidaren.com/examples/tools/color-scheme| |运营 & 营销|http://www.shejidaren.com/examples/tools/color-scheme| |时间管理|http://www.shejidaren.com/examples/tools/color-scheme| ### 设计名言 |名言 | | ----- | |伸手摘星，即使徒劳无功，亦不致一手污泥| |不想犯错？只要不再去想好的创意点子就行了| |丧失谦逊，会危害我们的判断力；自以为是，可以让我们前进 栽跟斗| |广告没有永恒的成功| |我相信，自我的满足就是每天感觉自己的薪水一分一毫都是自己流血流汗赚来的| |我从未见过，在任何真正伟大广告诞生的过程中，没有一点疑惑、没有堆满的字纸篓、没有殚精竭虑，没有对自我的恼怒和诅咒| |有趣却毫无销售力的广告，只是在原地踏步；但是有销售力却无趣的广告，却令人憎恶| |做生意的唯一目的，就在服务人群；而广告的唯一目的，就在对人们解释这项服务| |简单点吧！让我们挑最明显的特点-最共通的事物-把它做得非比寻常地好| |我们希望消费者说：「这真是个好产品」，而不是说：「这真是个好广告」| |好广告不只在传达讯息，它能以信心和希望，穿透大众心灵| |你一再错失大好良机，是不是因为走到了十字路口，而自己总是浑然不觉？| |占领市场必先占领消费者的心灵| |没上过档的广告，做得再好，都永远无法创造销售| ### 工具插件 * 1.whatFont检测出页面用的什么类型的字体，大小，颜色（[插件下载地址](https://chrome.google.com/webstore/detail/jabopobgcpjmedljpbcaablpmlmfcogm?utm_source=chrome-app-launcher-info-dialog)） ![WhatFont](http://upload-images.jianshu.io/upload_images/2604175-d358fa7df28f9109.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) * 2.ColorZilla选择页面的颜色（[插件下载地址](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?utm_source=chrome-app-launcher-info-dialog)） ![渐变色选择](http://upload-images.jianshu.io/upload_images/2604175-5605b37de8829ee9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240) ### 关于 欢迎大家前来fork和star，欢迎new issue文章，new wiki日志。