![](https://content.hackertalk.net/pub/3OKlMa-1gyAEnA)

![](https://content.hackertalk.net/pub/NeAXKk-6A6oq1p)

![](https://content.hackertalk.net/pub/Yo294z-e8xD71Y)

![](https://content.hackertalk.net/pub/olo4MB-a8VOBP7)

![](https://content.hackertalk.net/pub/9yK7kq-02z076O)

![](https://content.hackertalk.net/pub/2ZBg5o-elmWxP7)

用 Figma 画了下小舒同学的商店宣传图

![](https://content.hackertalk.net/pub/A0e8VB-a4eVEn5)

Cloudscape 被用在 aws 控制台上，整体风格简洁，能够承担复杂交互，支持移动端。看了依赖列表，用的第三方依赖不多：

```json
{
    "@juggle/resize-observer": "^3.3.1",
    "ace-builds": "^1.4.13",
    "balanced-match": "^1.0.2",
    "clsx": "^1.1.0",
    "d3-scale": "^2.2.2",
    "d3-shape": "^1.3.7",
    "date-fns": "^2.25.0",
    "mnth": "^2.0.0",
    "react-focus-lock": "~2.8.1",
    "react-keyed-flatten-children": "^1.3.0",
    "react-resizable": "^1.11.1",
    "react-transition-group": "^4.4.2",
    "react-virtual": "^2.8.2",
    "tslib": "^2.4.0",
    "weekstart": "^1.1.0"
}
```

数据可视化使用 d3js 实现，目前支持的图表类型不多，也是 4px 像素系统设计的：

> Our design system is based on a 4-pixel grid system. It has a 4-pixel base unit, and uses increments of 4 to define the spacing and scale of elements on the interface.

![](https://content.hackertalk.net/pub/VpoDe6-1nZDJVg)

仓库地址：[Cloudscape](https://github.com/cloudscape-design/components)

AWS 开源 UI 设计系统：Cloudscape

基于 Unihertz Titan 正方形屏幕优化定制，我构思了一套能够充分利用屏幕空间的安卓UI界面设计，下图展示了二合一的手势状态栏，与四种样式的主屏界面

喜欢的小伙伴们欢迎留言转发，[前往原推](https://twitter.com/oceanzhuo/status/1540755631929405442) 点赞过100做多任务分屏的概念界面

![](https://content.hackertalk.net/pub/98ZeAd-7X7l4dg)

一个 Android UI 假想概念再设计

![](https://content.hackertalk.net/pub/oEP8Dn-0r0N5PD)

总觉得这几个图标的大小不是很协调，前四个是一个尺寸，后两个又是另一个尺寸，看起来偏小了。另外，最后一个图标在没有激活的时候也是实心的，会不会设计成空心会好一点？

关于侧边栏图标的一些建议

教你怎么做好 UI 设计，7个简单的技巧解决常见的 UI 设计问题，比如利用字重替代大小实现层级展示效果：

![](https://content.hackertalk.net/pub/egAlG7-7v2Dd6k)

利用空间替代 border 实现分割效果：

![](https://content.hackertalk.net/pub/DpDAk1-10GQ6a7)

原文：[7 Practical Tips for Cheating at Design](https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886)

一篇不错的文章：7 个 UI 设计的技巧

刚刚拿到了频道的内测，新创建了一个关于主题设计行业的频道，可以讨论UI设计、图标设计、车机、壁纸、小部件等等，或者是玩家分享自己的KLWP/KWGT主题预设、Launcher/HomeScreen Set-up等，不限题材不限平台，都可以讨论，欢迎各位设计师和玩家们交流

https://hackertalk.net/channels/314499677129576448?inviterId=314456383328722944

创建了一个关于主题设计的频道

大家好，我是御卓，一个二线肝帝设计师，擅长Material Design和轻拟物风格，业余会点前端，爱好数码、DIY，喜欢玩手机美化、折腾NAS、VPS，最近在做图标包、壁纸和网站主题。（小舒的壁纸就是我设计的）请大家多多指教，感兴趣可以交个朋友~

![](https://content.hackertalk.net/pub/MpA6dp-0vGvlMq)

| ![](https://content.hackertalk.net/pub/zGr3QO-0N6GmD) | ![](https://content.hackertalk.net/pub/X7KlzA-N8519PQ) | ![](https://content.hackertalk.net/pub/MpA6dp-0vGvlMq) |
| ----------------------------------------------------- | ------------------------------------------------------ | ------------------------------------------------------ |
| ![](https://content.hackertalk.net/pub/50MO25-NVpz99) | ![](https://content.hackertalk.net/pub/wBx62W-6En8rBv) | ![](https://content.hackertalk.net/pub/r6MlvO-zW7ovza) |


