V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
gowl
V2EX  ›  分享创造

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

  •  
  •   gowl · 2022-12-27 01:37:33 +08:00 · 8440 次点击
    这是一个创建于 457 天前的主题,其中的信息可能已经有所发展或是发生改变。

    UI

    63 条回复    2023-01-02 22:44:09 +08:00
    hsfzxjy
        1
    hsfzxjy  
       2022-12-27 02:00:19 +08:00 via Android   ❤️ 4
    对比太低,快瞎了
    aulayli
        2
    aulayli  
       2022-12-27 02:09:29 +08:00   ❤️ 12
    报看
    autoxbc
        3
    autoxbc  
       2022-12-27 02:21:42 +08:00   ❤️ 1
    好看,全大写就不必了
    tianxia
        4
    tianxia  
       2022-12-27 02:27:22 +08:00 via Android
    DOS 系统?
    Perry
        5
    Perry  
       2022-12-27 02:31:54 +08:00
    不符合 WCAG 2.2
    caryRowen
        6
    caryRowen  
       2022-12-27 03:23:31 +08:00 via Android
    accessibility 不过关
    MrGba2z
        7
    MrGba2z  
       2022-12-27 04:32:32 +08:00   ❤️ 1
    "能把全选取消掉么“ :doge:
    Aloento
        8
    Aloento  
       2022-12-27 04:34:40 +08:00
    非常的复古,非常的考验视力
    gowl
        9
    gowl  
    OP
       2022-12-27 04:46:51 +08:00   ❤️ 1
    我发现 Adobe 有专门交设计语言的资料:

    https://spectrum.adobe.com/
    gowl
        10
    gowl  
    OP
       2022-12-27 04:49:37 +08:00
    @MrGba2z 啥意思啊?

    @Aloento 是觉得对比度不够大吧:)
    baobao1270
        11
    baobao1270  
       2022-12-27 05:13:29 +08:00   ❤️ 17
    有一种飞机 /轮船 /核电站里屏幕的 UI 的美
    Jamari
        12
    Jamari  
       2022-12-27 06:20:40 +08:00 via iPhone
    报刊
    MrGba2z
        13
    MrGba2z  
       2022-12-27 06:32:45 +08:00   ❤️ 5
    @gowl 你这个页面很像 “按下 CTRL+A” (全选)之后的效果
    gowl
        14
    gowl  
    OP
       2022-12-27 07:54:32 +08:00
    @MrGba2z 原来这样哈:)
    copymaster
        15
    copymaster  
       2022-12-27 08:37:22 +08:00 via Android
    terminal UI?
    shuxhan
        16
    shuxhan  
       2022-12-27 08:58:22 +08:00
    有一种说不上来的工业风,不适合普通人使用
    VeryZero
        17
    VeryZero  
       2022-12-27 08:58:46 +08:00
    像 20 年前的作品。。
    wanguorui123
        18
    wanguorui123  
       2022-12-27 09:03:02 +08:00
    数控机床界面
    weixiangzhe
        19
    weixiangzhe  
       2022-12-27 09:04:06 +08:00
    配色感觉还行,楼上一说对比度,我也觉得是了
    beixiao
        20
    beixiao  
       2022-12-27 09:05:11 +08:00 via iPhone
    适合盲人😂,看着太费劲了
    723X
        21
    723X  
       2022-12-27 09:12:56 +08:00 via Android
    博物馆 UI? 高实用性的 notes 还是整高实用性的 UI 吧
    Jammmm
        22
    Jammmm  
       2022-12-27 09:13:52 +08:00
    惨不忍睹
    noahhhh
        23
    noahhhh  
       2022-12-27 09:14:35 +08:00 via Android   ❤️ 1
    @gowl 对比度是可以计算的,不需要靠感觉估量。很多设计规范都要求至少到某个值
    noahhhh
        24
    noahhhh  
       2022-12-27 09:16:24 +08:00 via Android
    第一反应是蔚蓝九金加滤镜的
    ahxsong
        25
    ahxsong  
       2022-12-27 09:17:51 +08:00   ❤️ 6
    设计从业者回答一下:
    1.风格感是有的,挺好的;
    2.背景与文字的颜色对比弱了,浅色背景上放了浅色文字,深色背景上放了深色文字,会造成阅读识别困难;
    3.没有视觉次序,也就是界面没有主次,不知道从哪里看起,会造成使用困扰;
    4.界面内元素的层级明了,比如 KEYWORD 是输入区引导类别元素,应比标题“TAGS TO EXCLUDE”层级弱,现在颠倒了;
    5.按钮是有多种状态呈现的,比如 SEARCH 按钮,现在是没有任何输入内容,按钮应处于不可用状态;
    ...
    Tink
        26
    Tink  
       2022-12-27 09:54:15 +08:00
    ???
    lostvincent
        27
    lostvincent  
       2022-12-27 10:01:44 +08:00
    http://www.brokentone.net/
    有个类似的,给你参考下
    kuanos
        28
    kuanos  
       2022-12-27 10:08:52 +08:00   ❤️ 1
    @ahxsong 说的特别好,同是设计从业,我补充一个:英文字体的大小写尽量有区分,标题大写,其他小写比较容易读;还有字体的话,小字最好用无衬线的字体。
    fiepi
        29
    fiepi  
       2022-12-27 10:12:41 +08:00 via Android
    看不清
    iseki
        30
    iseki  
       2022-12-27 10:14:46 +08:00 via Android   ❤️ 1
    感觉对比度调整下,工业上应该挺好看的
    welove
        31
    welove  
       2022-12-27 10:34:52 +08:00   ❤️ 1
    有种尼尔 ui 的感觉
    wonderfulcxm
        32
    wonderfulcxm  
       2022-12-27 10:37:11 +08:00 via iPhone
    比较土气,但也有人喜欢这种
    lyuxiuchen
        33
    lyuxiuchen  
       2022-12-27 12:08:27 +08:00   ❤️ 1
    按照自己的风格来,会有喜欢的人的
    gowl
        34
    gowl  
    OP
       2022-12-27 12:08:32 +08:00
    @ahxsong
    @kuanos

    谢谢你们的点拨~
    needpp
        35
    needpp  
       2022-12-27 12:12:11 +08:00
    不错,还有很大的提升空间,比如可以参考下 dribbble ,ui8 之类的。
    edinina
        36
    edinina  
       2022-12-27 12:28:31 +08:00
    专职 UI 设计表示风格真的不错,坚持自己。
    ajaxgoldfish
        37
    ajaxgoldfish  
       2022-12-27 12:37:49 +08:00 via Android
    换成直角会更好看吧
    James369
        38
    James369  
       2022-12-27 13:07:33 +08:00
    配色是复古,但是硬朗又现代的线条显然不搭
    tibifide
        39
    tibifide  
       2022-12-27 13:50:33 +08:00
    过去 20 年穿越到现在的人吗?
    newmlp
        40
    newmlp  
       2022-12-27 14:02:58 +08:00   ❤️ 1
    jklove123bai
        41
    jklove123bai  
       2022-12-27 14:03:37 +08:00
    label 的文字阴影有点影响观看,button 上的文字高亮有问题,让让抓不住重点
    madlifer
        42
    madlifer  
       2022-12-27 14:46:38 +08:00
    UI 设计师是艺术家 所以说你风格不错

    产品角度 SB 设计,全给我做最简明的设计就完了,这么干平白增加用户理解成本
    pierswu
        43
    pierswu  
       2022-12-27 14:51:18 +08:00
    文字字体加粗,颜色加深试试
    tangzx88
        44
    tangzx88  
       2022-12-27 15:17:55 +08:00
    有点费眼
    cue
        45
    cue  
       2022-12-27 15:25:31 +08:00
    这明明是 1995 年的产品
    dobelee
        46
    dobelee  
       2022-12-27 15:29:11 +08:00
    建议把英文换成繁体中文,调小字号,把费眼进行到底。
    starcode
        47
    starcode  
       2022-12-27 16:31:47 +08:00
    猛哥
    suanran
        48
    suanran  
       2022-12-27 16:46:46 +08:00
    这是上个世纪的风格吗
    Samuel021
        49
    Samuel021  
       2022-12-27 16:47:03 +08:00   ❤️ 3
    作为产品经理,我觉得这一套 UI 设计有大致的方向,但从产品设计角度来说并不完善,主要基于这样几个原因:

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

    可能需要先基于“用户为什么会进入当前页面”,“当前页面可以帮助用户解决什么问题”这种思路,重新再考虑下是不是有优化的空间。
    suyuyu
        50
    suyuyu  
       2022-12-27 16:47:53 +08:00
    何来设计 (
    murmur
        51
    murmur  
       2022-12-27 17:07:53 +08:00
    这是再 console 里用的么

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

    倒像是破解软件用的注册机
    GeruzoniAnsasu
        52
    GeruzoniAnsasu  
       2022-12-27 21:08:03 +08:00
    根据配色表选色
    是好的


    但主副色不是给你用在前后景色上的啊
    tyzandhr
        53
    tyzandhr  
       2022-12-28 00:11:52 +08:00 via Android   ❤️ 1
    有一种丁真的纯朴的美
    documentzhangx66
        54
    documentzhangx66  
       2022-12-28 01:46:48 +08:00
    同样是 wiki 系统,你对比一下两个系统的 UI:

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

    https://docs.requarks.io/demo

    你自己想想,你喜欢哪个,以及为什么。
    lockheart
        55
    lockheart  
       2022-12-28 05:18:02 +08:00 via iPhone
    有一种野性的美
    HungryOrangeCat
        56
    HungryOrangeCat  
       2022-12-28 09:53:52 +08:00   ❤️ 1
    有一种适合在 CRT 显示器上显示的美
    pythoner
        57
    pythoner  
       2022-12-28 11:00:36 +08:00
    有一种互联网石器时代的美
    kyoma
        58
    kyoma  
       2022-12-28 11:09:02 +08:00   ❤️ 1
    有点像我在某些游戏的场景中遇到电脑,然后点击交互会出现的 UI 效果。。。
    Iamsonny
        59
    Iamsonny  
       2022-12-28 16:43:03 +08:00
    回到 20 年前的风格~~
    kele999
        60
    kele999  
       2022-12-29 15:43:25 +08:00
    可以
    YvanGu
        61
    YvanGu  
       2022-12-30 03:31:09 +08:00 via Android
    神似我初中时候用 php 写的一个笔记程序
    thetcc
        62
    thetcc  
       2022-12-30 17:32:09 +08:00
    通不过,驳回
    byewind
        63
    byewind  
       2023-01-02 22:44:09 +08:00
    可以使用我创作的 Snow Dashboard UI Kit 👉https://snow.byewind.com/
    免去设计 UI 的烦恼
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3190 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 13:05 · PVG 21:05 · LAX 06:05 · JFK 09:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.