工具
:::: tabs
::: tab-pane 规范
APP设计规范
Android Design：安卓设计规范。
Android设计尺寸规范：Android设计尺寸规范。
iOS设计尺寸规范：iOS设计尺寸规范。
拓展阅读
屏幕尺寸
屏幕尺寸大全：各种电脑端、手机端的屏幕尺寸。
屏幕尺寸大全：各种电脑端、手机端的屏幕尺寸。
屏幕尺寸大全：各种电脑端、手机端的屏幕尺寸。
ScreenSizes：Apple 设备的屏幕适配完全指南。
:::
::: tab-pane 其他
动画曲线预览：网站提供了五种简单的网页版式和最基础的三组动画曲线，以及底部的参数调整功能。
Motiff：智能识别和分类设计稿中的组件及样式，便于设计师追溯使用场景。
设计测试：选择更正确或更恰当的设计。
The Boolean Game：布尔运算学习。
logolab：图标实验室，用于浏览图标在手机中的样子。
即时设计：切图标注一站搞定，协作从未如此简单。
:::
::::
求知
网站
:::: tabs
::: tab-pane 网站
学UI网：UI设计资源下载、UI素材、视觉包装素材、作品集素材。
UICN：用户提要设计平台。
UI社：UI 素材，比较齐全。
25学堂：UI 素材。
UX 百科：设计师专业知识库。
68设计 - 酷站分享：好看的酷站。
UI Notes：大量线上优秀 App 的完整 UI 截图。
LAPA：各种 UI 界面欣赏。
PSDDD：PS 和 Sketch 的 UI 模板。
figma社区：免费和付费模板、插件和 UI 套件。
Refero：从最好的产品中探索现实世界的设计。
UIgarage：UI 灵感和样式。
CallToInspiration：这个网站收集了很多界面设计截图，可以按控件或设计模式分类筛选。
scrnshts：这个网站收集了很多 App 在应用市场上介绍的图片，可以按不同分类进行筛选。
Laws of UX：UX、UI设计理论大集合。
:::
::: tab-pane 参考
版本博物馆：这个网站展示了展示了各种知名网站、 操作系统、 应用程序和游戏的历史版本图像。
网页设计画廊：这是一个来自日本的收集优秀网站设计的网站。
awwwards：网页设计灵感欣赏。
UI8：网页设计灵感欣赏。
4db：日本网页设计欣赏。
Landbook：网页欣赏。
FWA：网页设计师的殿堂，国外精品网页设计作品。
muuuuu：日本酷站推荐。
reeoo：网页设计灵感图库。
Korea Web Design：这是一个来自韩国的收集优秀网站设计的网站。
Landing Love：这个网站收集了超过 400 个具有新颖创意动效的网站，并且配有截图和录屏。
IO：一个专注于网站设计的参考资源，覆盖了各种社会行业。
设计回形针：涵盖了视差滚动、全屏背景、全屏视频等各种类型的网页设计。尤其注重网页的配色、版式和交互设计，整体布局设计新颖。
:::
::: tab-pane B端
B 端页面常用布局适配方案：青云QingCloud 产品中常见、常用的布局或页面模版。
:::
::::
拓展阅读
:::: tabs
::: tab-pane 网站
::::
:::: collapse-panel accordion
::: collapse-item WEB安全色
简介
不同的平台有不同的调色板，不同的浏览器也有自己的调色板。这就意味着对于一幅图，显示在Mac上的Web浏览器中的图像，与它在PC上相同浏览器中显示的效果可能差别很大。
选择特定的颜色时，浏览器会尽量使用本身所用的调色板中最接近的颜色。如果浏览器中没有所选的颜色，就会通过抖动或者混合自身的颜色来尝试重新产生该颜色。
仅供了解，不必在意web安全色的问题。
产生
为了解决Web调色板的问题，人们一致通过了一组在所有浏览器中都类似的Web安全颜色。
这些颜色使用了一种颜色模型，在该模型中，可以用相应的16制进制值00、33、66、99、CC和FF来表达三原色（RGB）中的每一种。这种基本的Web调色板将作为所有的Web浏览器和平台的标准，它包括了这些16进制值的组合结果。这就意味着，我们潜在的输出结果包括6种红色调、6种绿色调、6种蓝色调。666的结果就给出了216种特定的颜色，这些颜色就可以安全的应用于所有的Web中，而不需要担心颜色在不同应用程序之间的变化。
格式
它们是00、33、66、99、cc、ff的组合，同一行的颜色过渡自然，是相近色，同一行的前四位相同。
柔和色有64个，是66 99 cc ff的组合，如#669966、#669999、#6699cc、#6699ff。
绿蓝色有36个，范围为#00—-
红蓝色有36个，范围为#–00–
红绿色有36个，范围为#—-00
茶色系有64个，是33、66、99、cc的组合，如#336633、#336666、#336699、#3366cc
工具
WEB安全色：216 Web安全色等。
分析
对于目前大部分的显示器来说，都可以支持数以百万计的颜色。所以在一般的网页设计和制作中，可以不必局限在网页安全色的范围内。但是，对于页面中的主要文字区域或者背景的颜色，我们最好要选用网页安全色，避免发生悲剧。
:::
::::