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

评价

设计

UI

请

63 条回复 • 2023-01-02 22:44:09 +08:00

1

hsfzxjy

2022-12-27 02:00:19 +08:00 via Android

4

对比太低，快瞎了

2

aulayli

2022-12-27 02:09:29 +08:00

12

报看

3

autoxbc

2022-12-27 02:21:42 +08:00

1

好看，全大写就不必了

4

tianxia

2022-12-27 02:27:22 +08:00 via Android

DOS 系统？

5

Perry

2022-12-27 02:31:54 +08:00

不符合 WCAG 2.2

6

caryRowen

2022-12-27 03:23:31 +08:00 via Android

accessibility 不过关

7

MrGba2z

2022-12-27 04:32:32 +08:00

1

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

8

Aloento

2022-12-27 04:34:40 +08:00

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

9

gowl

OP

2022-12-27 04:46:51 +08:00

1

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

https://spectrum.adobe.com/

10

gowl

OP

2022-12-27 04:49:37 +08:00

@MrGba2z 啥意思啊？

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

11

baobao1270

2022-12-27 05:13:29 +08:00

17

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

12

Jamari

2022-12-27 06:20:40 +08:00 via iPhone

报刊

13

MrGba2z

2022-12-27 06:32:45 +08:00

5

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

14

gowl

OP

2022-12-27 07:54:32 +08:00

@MrGba2z 原来这样哈：）

15

copymaster

2022-12-27 08:37:22 +08:00 via Android

terminal UI?

16

shuxhan

2022-12-27 08:58:22 +08:00

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

17

VeryZero

2022-12-27 08:58:46 +08:00

像 20 年前的作品。。

18

wanguorui123

2022-12-27 09:03:02 +08:00

数控机床界面

19

weixiangzhe

2022-12-27 09:04:06 +08:00

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

20

beixiao

2022-12-27 09:05:11 +08:00 via iPhone

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

21

723X

2022-12-27 09:12:56 +08:00 via Android

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

22

Jammmm

2022-12-27 09:13:52 +08:00

惨不忍睹

23

noahhhh

2022-12-27 09:14:35 +08:00 via Android

1

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

24

noahhhh

2022-12-27 09:16:24 +08:00 via Android

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

25

ahxsong

2022-12-27 09:17:51 +08:00

6

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

26

Tink

2022-12-27 09:54:15 +08:00

？？？

27

lostvincent

2022-12-27 10:01:44 +08:00

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

28

kuanos

2022-12-27 10:08:52 +08:00

1

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

29

fiepi

2022-12-27 10:12:41 +08:00 via Android

看不清

30

iseki

2022-12-27 10:14:46 +08:00 via Android

1

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

31

welove

2022-12-27 10:34:52 +08:00

1

有种尼尔 ui 的感觉

32

wonderfulcxm

2022-12-27 10:37:11 +08:00 via iPhone

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

33

lyuxiuchen

2022-12-27 12:08:27 +08:00

1

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

34

gowl

OP

2022-12-27 12:08:32 +08:00

@ahxsong
@kuanos

谢谢你们的点拨～

35

needpp

2022-12-27 12:12:11 +08:00

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

36

edinina

2022-12-27 12:28:31 +08:00

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

37

ajaxgoldfish

2022-12-27 12:37:49 +08:00 via Android

换成直角会更好看吧

38

James369

2022-12-27 13:07:33 +08:00

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

39

tibifide

2022-12-27 13:50:33 +08:00

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

40

newmlp

2022-12-27 14:02:58 +08:00

1

烂

41

jklove123bai

2022-12-27 14:03:37 +08:00

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

42

madlifer

2022-12-27 14:46:38 +08:00

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

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

43

pierswu

2022-12-27 14:51:18 +08:00

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

44

tangzx88

2022-12-27 15:17:55 +08:00

有点费眼

45

cue

2022-12-27 15:25:31 +08:00

这明明是 1995 年的产品

46

dobelee

2022-12-27 15:29:11 +08:00

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

47

starcode

2022-12-27 16:31:47 +08:00

猛哥

48

suanran

2022-12-27 16:46:46 +08:00

这是上个世纪的风格吗

49

Samuel021

2022-12-27 16:47:03 +08:00

3

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

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

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