请大家评价一下我设计的 UI

[gowl]

[hsfzxjy]

对比太低，快瞎了

[aulayli]

报看

[autoxbc]

好看，全大写就不必了

[tianxia]

DOS 系统？

[Perry]

不符合 WCAG 2.2

[caryRowen]

accessibility 不过关

[MrGba2z]

"能把全选取消掉么“ :doge:

[Aloento]

非常的复古，非常的考验视力

[gowl]

我发现 Adobe 有专门交设计语言的资料：

https://spectrum.adobe.com/

[gowl]

@MrGba2z 啥意思啊？

@Aloento 是觉得对比度不够大吧：）

[baobao1270]

有一种飞机 /轮船 /核电站里屏幕的 UI 的美

[Jamari]

报刊

[MrGba2z]

@gowl 你这个页面很像 “按下 CTRL+A” (全选)之后的效果

[gowl]

@MrGba2z 原来这样哈：）

[copymaster]

terminal UI?

[shuxhan]

有一种说不上来的工业风，不适合普通人使用

[VeryZero]

像 20 年前的作品。。

[wanguorui123]

数控机床界面

[weixiangzhe]

配色感觉还行，楼上一说对比度，我也觉得是了

[beixiao]

适合盲人😂，看着太费劲了

[723X]

博物馆 UI? 高实用性的 notes 还是整高实用性的 UI 吧

[Jammmm]

惨不忍睹

[noahhhh]

@gowl 对比度是可以计算的，不需要靠感觉估量。很多设计规范都要求至少到某个值

[noahhhh]

第一反应是蔚蓝九金加滤镜的

[ahxsong]

设计从业者回答一下：
1.风格感是有的，挺好的；
2.背景与文字的颜色对比弱了，浅色背景上放了浅色文字，深色背景上放了深色文字，会造成阅读识别困难；
3.没有视觉次序，也就是界面没有主次，不知道从哪里看起，会造成使用困扰；
4.界面内元素的层级明了，比如 KEYWORD 是输入区引导类别元素，应比标题“TAGS TO EXCLUDE”层级弱，现在颠倒了；
5.按钮是有多种状态呈现的，比如 SEARCH 按钮，现在是没有任何输入内容，按钮应处于不可用状态；
...

[Tink]

？？？

[lostvincent]

http://www.brokentone.net/
有个类似的，给你参考下

[kuanos]

@ahxsong 说的特别好，同是设计从业，我补充一个：英文字体的大小写尽量有区分，标题大写，其他小写比较容易读；还有字体的话，小字最好用无衬线的字体。

[fiepi]

看不清

[iseki]

感觉对比度调整下，工业上应该挺好看的

[welove]

有种尼尔 ui 的感觉

[wonderfulcxm]

比较土气，但也有人喜欢这种

[lyuxiuchen]

按照自己的风格来，会有喜欢的人的

[gowl]

@ahxsong
@kuanos

谢谢你们的点拨～

[needpp]

不错，还有很大的提升空间，比如可以参考下 dribbble ，ui8 之类的。

[edinina]

专职 UI 设计表示风格真的不错，坚持自己。

[ajaxgoldfish]

换成直角会更好看吧

[James369]

配色是复古，但是硬朗又现代的线条显然不搭

[tibifide]

过去 20 年穿越到现在的人吗？

[newmlp]

烂

[jklove123bai]

label 的文字阴影有点影响观看，button 上的文字高亮有问题，让让抓不住重点

[madlifer]

UI 设计师是艺术家 所以说你风格不错

产品角度 SB 设计，全给我做最简明的设计就完了，这么干平白增加用户理解成本

[pierswu]

文字字体加粗，颜色加深试试

[tangzx88]

有点费眼

[cue]

这明明是 1995 年的产品

[dobelee]

建议把英文换成繁体中文，调小字号，把费眼进行到底。

[starcode]

猛哥

[suanran]

这是上个世纪的风格吗

[Samuel021]

作为产品经理，我觉得这一套 UI 设计有大致的方向，但从产品设计角度来说并不完善，主要基于这样几个原因：

1. 配色与风格有持续精进的可能性。我看到的第一眼，会让我联想到早期 gameboy 游戏机屏幕上那种灰阶黑白展示的风格，如果能够对沿着这个或某个对应的设计风格进行持续优化，补充细节，应该是能够在最终的 UI 与产品效果上得到还不错的结果；
2. 产品的功能性有一些扣分。具体表现在基于这个产品的实际功能（看起来是一个简单的文档产品）可用性上有一些不清楚，比如左侧顶部的“CURD”到底是作为主要的功能 button ，还是作为不同功能的入口？由于这里的区别，导致我也不太知道左下侧的种种按钮又是作为什么样的功能呈现在这个页面里，是单独作为某一个行动的触发按钮，是和页面右侧的内容有互动关系，还是有别的行为出现？
3. 在右侧主要的操作区域中，使用了标准大小的文本框，以至于页面右侧有大量留白，底部的搜索按钮在页面视觉上其实又会和左下角的按钮冲突，这里会导致交互混乱的问题；
4. 只提供了一张图片，对于整体页面（或产品）的理解不太清楚，所以也只能在这个页面里的“字体，按钮，文本框”这种组件里提提建议了。

可能需要先基于“用户为什么会进入当前页面”，“当前页面可以帮助用户解决什么问题”这种思路，重新再考虑下是不是有优化的空间。

[suyuyu]

何来设计 (

[murmur]

这是再 console 里用的么

不属于正常用户使用的范畴

倒像是破解软件用的注册机

[GeruzoniAnsasu]

根据配色表选色
是好的


但主副色不是给你用在前后景色上的啊

[tyzandhr]

有一种丁真的纯朴的美

[documentzhangx66]

同样是 wiki 系统，你对比一下两个系统的 UI：

https://en.wikipedia.org/wiki/Wiki.js

https://docs.requarks.io/demo

你自己想想，你喜欢哪个，以及为什么。

[lockheart]

有一种野性的美

[HungryOrangeCat]

有一种适合在 CRT 显示器上显示的美

[pythoner]

有一种互联网石器时代的美

[kyoma]

有点像我在某些游戏的场景中遇到电脑，然后点击交互会出现的 UI 效果。。。

[Iamsonny]

回到 20 年前的风格～～

[kele999]

可以

[YvanGu]

神似我初中时候用 php 写的一个笔记程序

[thetcc]

通不过，驳回

[byewind]

可以使用我创作的 Snow Dashboard UI Kit 👉https://snow.byewind.com/
免去设计 UI 的烦恼