领导非说 B 好看,让我参考,我参考出来的结果就是 A,他要和 B 一摸一样,不要五花八门的颜色,搞不懂...请大家帮忙投票。 A: https://z3.ax1x.com/2021/08/31/hUvDTP.jpg https://z3.ax1x.com/2021/08/31/hUv0eI.jpg https://z3.ax1x.com/2021/08/31/hUvsFf.jpg https://z3.ax1x.com/2021/08/31/hUvdOA.jpg B: https://z3.ax1x.com/2021/08/31/hUvayd.jpg https://z3.ax1x.com/2021/08/31/hUvBwt.jpg
1 cstj0505 2021-08-31 14:15:18 +08:00 ![]() 确实 b 好看,a 有种半成品的感觉 |
![]() | 2 ZxBing0066 2021-08-31 14:18:06 +08:00 ![]() B |
![]() | 3 anyxchachapoly 2021-08-31 14:20:53 +08:00 via iPhone A,虽然应该是粗稿还没细致处理,但明显稍微考量了 UX, B 就是传统国内的工具设计,能用就行 但如果你 A 已经高保真那就不行 |
![]() | 4 xarthur 2021-08-31 14:20:54 +08:00 via iPhone ![]() 显然 B 好看…… 你们领导说的对,你设计的对 UI 颜色搭配太奇怪了。 而且有些该有颜色区分的(比如已完成界面的四个按钮)没有颜色区分,不该有颜色区分的,比如各种订单号的显示,黑底白字就行,要弄的粉红色的底色。 |
![]() | 5 lyz1990 2021-08-31 14:21:18 +08:00 via Android B 好看 |
6 8888888888 2021-08-31 14:22:18 +08:00 你的设计太“块”了,功能性的操作和常规的内容显示相近 |
7 kuaner 2021-08-31 14:22:37 +08:00 ![]() A 主要是颜色区分不出主次,重点信息不突出 |
![]() | 8 javapythongo 2021-08-31 14:22:57 +08:00 A 这种 UI 有种复古的感觉 |
![]() | 9 HeyWeGo 2021-08-31 14:23:03 +08:00 B 清晰,好看?谈不上~ |
![]() | 10 Macolor21 2021-08-31 14:23:11 +08:00 B 好看,A 里面,很多子元素,如入库日期这些,为什么也加了圆形边框和颜色,搞得好像按钮一样。太乱太杂,颜色搭配也是。简洁一点, |
![]() | 11 Joseph0717 OP @xarthur 本人前端,没学过设计,目前的颜色搭配只是临时的 |
![]() | 12 butanediol2d 2021-08-31 14:23:50 +08:00 ![]() 理性分析我觉得 B 好看一点。但 B 总给我一种大厂开发的软件的感觉(比如阿里云 App ),看着还行但点起来很难受。A 有点像个人开发者的玩具项目,看起来略粗糙但更“原生”。 |
![]() | 13 Jaosn 2021-08-31 14:24:53 +08:00 B 搞点圆角就好看了 |
![]() | 14 stimw 2021-08-31 14:25:24 +08:00 via Android ![]() 好不好看另说,单从信息获取角度,b 清晰很多,a 会找不到重点。 |
![]() | 15 finab 2021-08-31 14:25:34 +08:00 只能说 B 比 A 好点 A 把信息放方块里看起来费劲,配色奇奇怪怪的 |
![]() | 16 E2gCaBAT5I87sw1M 2021-08-31 14:27:33 +08:00 大家审美一致,楼主接受意见吧 |
![]() | 17 oh 2021-08-31 14:29:27 +08:00 @Joseph0717 专业的事交给专业的人做,没学过设计的前端,可以先从“抄”开始。 |
18 dengji85 2021-08-31 14:29:35 +08:00 非专业,b 好看不疲劳,a 太整齐了 找不到重点 |
![]() | 19 ryougifujino 2021-08-31 14:31:29 +08:00 ![]() 我能说都不好看嘛... |
![]() | 20 lower 2021-08-31 14:31:36 +08:00 a 的颜色确实给人五花八门的感觉 我其实蛮喜欢有赞的 vantui 的风格的,很简洁 |
![]() | 21 stormysky 2021-08-31 14:32:53 +08:00 b 一下就能看出要展现什么,a 就是一坨一坨没重点 |
![]() | 22 yousabuk 2021-08-31 14:34:17 +08:00 via iPhone B,色彩搭配再调整下就好了。 A,没有重点,太难找到有用信息了。 |
23 3wdddd 2021-08-31 14:34:41 +08:00 a 看起来像是没有经验的设计师设计的东西,和好看不沾边, b 也和好看不沾边,但是很规整,井井有条 总体来说 b>a |
![]() | 24 Joseph0717 OP 看来选 B 的人多,那我就弄 B 了,,, |
![]() | 25 wzq001 2021-08-31 14:36:16 +08:00 ![]() B:领导都选我了,你还纠结个毛线!!! |
![]() | 26 itechify PRO 楼主自闭 |
![]() | 27 Vegetable 2021-08-31 14:38:16 +08:00 确实是 B 好 |
28 2i2Re2PLMaDnghL 2021-08-31 14:39:20 +08:00 ![]() A 的问题: 可排版的环境,给人眼看,就别 T 字母分隔了 不分主次轻重,关键信息和非关键信息混为一谈 颜色就不赘述了 B 的问题: 可预见的,很多操作凭空多了很多步骤 B 第 2 张图文字未明确所属字段 应当结合 A 的交互设计和 B 的视觉设计 |
![]() | 29 Originalee 2021-08-31 14:41:20 +08:00 A 的色彩搭配需要再考量考量,并且第三第四张图一眼看过去看不出那些块状是操作按钮还是状态 tag |
![]() | 30 chairuosen 2021-08-31 14:42:27 +08:00 B 好 |
![]() | 31 lovelive1024 2021-08-31 14:42:33 +08:00 b,a 就像后端程序猿做的一样(又不是不能用) |
![]() | 32 Joseph0717 OP 虽然我画不出正儿八经的 UI,我不喜欢的是 B 没有一点设计感,啥也不说了,画 B,和 A 结合一下 |
33 gablic 2021-08-31 14:44:14 +08:00 ![]() A 对于现在的人类还有点早 |
![]() | 34 ericgui 2021-08-31 14:44:49 +08:00 领导说的都好看,这一点觉悟都没有。。。。 |
![]() | 35 coderluan 2021-08-31 14:45:33 +08:00 "他要和 B 一摸一样" 说的这么明白, 楼主还想这么多干啥..... |
![]() | 36 U2Fsd 2021-08-31 14:46:36 +08:00 ![]() @Joseph0717 #32 设计是基于功能 而不是 在自以为好看的审美里闭门造车 |
![]() | 37 Joseph0717 OP @coderluan 就我一个前端 ,太自由了 |
![]() | 38 Macv1994 2021-08-31 14:49:15 +08:00 B 谈不上好看,但是清晰 |
![]() | 39 Solix 2021-08-31 14:49:21 +08:00 你们缺一个产品经理吧…… |
![]() | 40 lagoon 2021-08-31 14:49:39 +08:00 B 。 作为开发,不抬杠,觉得 UI 有时候的目标总是“要有个性”、“要有设计感”,但其实,UI 很多时候和开发一样,都是“后台岗位”。 要的只是,方便好用。 |
41 deplivesb 2021-08-31 14:52:44 +08:00 u1s1,B 好看,A 有一种说不上上来的违和感 |
![]() | 42 353943780 2021-08-31 14:56:09 +08:00 B 吧 |
43 MX123 2021-08-31 14:56:12 +08:00 B,这应该是公司内部 App 吧。而且 A 并不是太好看。 |
44 Rakuu 2021-08-31 14:56:13 +08:00 其实都不好看,但硬要比较的话,B 比 A 好 |
45 darknoll 2021-08-31 14:56:41 +08:00 B 好太多了啊,A 就跟后台差不多只能内部用 |
![]() | 46 Tink PRO A 找不到重点 |
![]() | 47 X-Force 2021-08-31 15:02:59 +08:00 不知道楼主是专业学设计还是半路过来做 UI 的,反正我半路还没出家的,看到 A 都发现很多一眼就能看出的问题: 1 、主次不分;所有元素都是一样的字重而且颜色都比较缤纷,看起来没重点,整个版面都是满满的信息。 2 、没考虑“可用性”的设计,比如绿色的「完全收货」,那到底是显示“状态”还是一个“按钮”?一样看不出来,这就会让用户陷入思考了,在用户的直觉上就是“不够好用”。 |
![]() | 48 hyy1995 2021-08-31 15:03:15 +08:00 via iPhone 这波楼主输了 |
![]() | 49 X-Force 2021-08-31 15:04:00 +08:00 错别字纠正:“一样看不出来” = “一眼看不出来” // 这就会让用户陷入思考了,在用户的直觉上就是“不够好用”。 |
50 8jinmuyan8 2021-08-31 15:04:07 +08:00 显然是 B 简约符合现在大多国内商业产品的设计, A 的设计显得很奇怪,颜色搭配,图标设计都不符合现在流行趋势,如果追求设计感,多看看像国内 站酷,国外 dribbble 之内。 |
51 LemonK 2021-08-31 15:04:30 +08:00 A 一看就是不懂任何基础设计理论的纯外行做的。实用性一团糟,审美也不咋地。 B 烂大街堆套路,但能用。 |
![]() | 52 ws52001 2021-08-31 15:05:58 +08:00 选择 B,你对颜色语言的了解还不够透彻。 |
![]() | 53 360511404 2021-08-31 15:09:15 +08:00 A 看着好累...眼花 B 虽然老套,但很清晰 |
![]() | 54 Smilencer 2021-08-31 15:11:35 +08:00 A 花里胡哨 |
![]() | 55 byron 2021-08-31 15:14:10 +08:00 听领导的。 |
![]() | 56 spacebound 2021-08-31 15:14:42 +08:00 A 花里胡哨 B 简介明了 |
![]() | 57 mhqschen 2021-08-31 15:15:20 +08:00 B 好。A 的想法可以感受到,但是不能理解有什么设计感。 |
58 xu2060 2021-08-31 15:20:23 +08:00 B 就是看的舒服 但是并不出众,一般 |
59 mxT52CRuqR6o5 2021-08-31 15:20:29 +08:00 选择烂大街的 ui/交互从另一个角度看待就是用户不需要更多的学习成本 |
![]() | 60 whusnoopy 2021-08-31 15:20:54 +08:00 从半吊子自学设计的角度来说一下 A 的一些问题 1. 配色太多,太多色块,让人一眼看过去不知道视线应该聚焦在哪里 2. toB 的工具,只有可以按的地方用色块会更好,明确「信息」和「操作」的区别 3. 信息区域,说明性文字和数值用不同的表现形式好过现在这种都一样的,按 HTML 语义就是 dt 和 dd 在 dl 里的表现 |
61 Rwing 2021-08-31 15:21:16 +08:00 |
![]() | 62 ganbuliao 2021-08-31 15:22:48 +08:00 ![]() 你们领导说让你一模一样照着抄的时候,心里估计已经绝望了吧。 |
![]() | 63 crab 2021-08-31 15:23:04 +08:00 A 眼花缭乱 B 直观 |
![]() | 64 xianxiaobo 2021-08-31 1:23:17 +08:00 A 是真不行,看起来就是新手的设计,根本不能用。B 看起来,虽然没什么亮点,但好歹是能用的的那种。 |
65 satchy 2021-08-31 15:24:00 +08:00 其实都很丑。。。相比之下,A 更丑,属于完全没学过设计,色彩原理都不懂的那种。。。B 是路边打印名片小店水平。。。 |
![]() | 66 whosesmile 2021-08-31 15:24:11 +08:00 A 的配色是认真的吗?一个人要是这么穿衣服,是少数民族服饰吗? |
67 zhengfan2016 2021-08-31 15:24:28 +08:00 emmm.....就我一个觉得 a 好的嘛 类原生看着就很舒服 |
![]() | 68 minamike 2021-08-31 15:25:46 +08:00 A 下面那四个按钮风格都不统一 |
![]() | 69 maplerecall 2021-08-31 15:25:59 +08:00 via Android B 清晰,效率高 A 有种早期 bootstrap 组件拼接的古早味,感觉比 B 更老套,很有那种初学者逮着个有几个"高级"css 样式的框架就套的感觉 |
![]() | 70 whosesmile 2021-08-31 15:26:16 +08:00 我回复完,我反应过来,楼主应该是正话反说: 他领导估计是选 A,因为正常做设计就算半吊子也不应该做出 A 的配色效果来。 |
71 hervey0424 2021-08-31 15:26:34 +08:00 A 感觉看起来一屏幕都是按钮 |
![]() | 72 izoabr 2021-08-31 15:27:22 +08:00 你就直接用现成的 antd mobile 或者 ele 多好呀,大概把功能区块规划好就得了 |
![]() | 73 toou123 2021-08-31 15:29:01 +08:00 我觉着是字体的原因 |
![]() | 74 madlifer 2021-08-31 15:29:47 +08:00 B 好,A 可以很明显没有系统的学习过交互设计,作为 PM 或者 UI 来说都不合格。 单说入库单详情这个页面,如果 B 作为模板 1. A 缺信息: 入库类型、入库仓库 入库操作人,尤其是入库操作人是追责、划定业绩用的这个竟然没有 2. 总预计数量、总接收数量、预计入库数量 这三个没搞懂什么意思,入库单按道理入了库才能开,为啥有个预计 3. 总条数 那排蓝色 总条数跟其他信息很明显不是同级别数据,放在同一地方展示了 4. 这种“...” 是不想展示给用户看,但查看详情是肯定要提醒用户查看的。 另外,啥公司啊 没 PM 整理页面要素信息, 没 UI 做视觉设计,让前端做也太难为人了,建议跑路 |
![]() | 75 Unclev21x 2021-08-31 15:30:18 +08:00 无脑 B 。领导还是领导。 |
![]() | 76 JamChiu 2021-08-31 15:31:12 +08:00 恕我直言 我选 B |
![]() | 77 james2013 2021-08-31 15:31:20 +08:00 明显 b 好看,a 这一眼看去背景颜色很显眼,a 不好 |
![]() | 78 yuzo555 2021-08-31 15:32:19 +08:00 A 主次混乱,次要信息也用圆角矩形背景展示,而且项目名称(如订单日期)和内容没有任何样式区别。满屏都是圆角矩形按钮,感觉设计背景你貌似只会用圆角矩形,连选项卡 Tab 都用圆角矩形背景 |
79 X0ray 2021-08-31 15:33:47 +08:00 随便让谁选都是 B 啊 |
![]() | 80 leeeeec 2021-08-31 15:34:46 +08:00 招个设计吧 |
![]() | 81 AlisaDestiny 2021-08-31 15:37:24 +08:00 不是做设计的,但是我觉得一个好的设计是让人能在颜色上区分哪些是文本区域、按钮、条目结构、可滚动区域、可编辑区域,而不单单是靠上面显示的文字。 |
![]() | 82 wr516516 2021-08-31 15:39:41 +08:00 我选 B |
![]() | 83 wangyzj 2021-08-31 15:42:27 +08:00 B 楼主严重受伤了 |
![]() | 84 rnv 2021-08-31 15:43:32 +08:00 B 看着舒服多了 |
![]() | 85 docx 2021-08-31 15:48:02 +08:00 via Android B 说不上好看,就是中规中矩的那种,比 A 看着更规范成熟。 话说回来,领导说什么就是什么,准没错。 |
![]() | 86 zxxufo008 2021-08-31 15:50:26 +08:00 B 看着舒服 A 不直观,而且在 app 上不建议白底太多,看的难受 |
87 dabaoziwy 2021-08-31 15:54:19 +08:00 总感觉 A 看起来怪怪的=_+ |
![]() | 88 noahhhh 2021-08-31 16:03:05 +08:00 @butanediol2d lz 配色太怪了 |
![]() | 89 cxe2v 2021-08-31 16:06:54 +08:00 我是领导,我选 B |
90 lycpang 2021-08-31 16:08:50 +08:00 我觉得很难设计出特别好看的东西,所以还是借鉴淘宝、京东、拼多多吧。。这 ab 都不好,但是 b 明显能用。。。a 就是 demo |
![]() | 91 Junzhou 2021-08-31 16:11:39 +08:00 如果是我,我会选 B 。。。。A 虽然看上去很好看。。。 |
92 ChevalierLxc 2021-08-31 16:11:53 +08:00 你要考量视觉效果,A 感觉就给人那种各种颜色都要硬用,还不如不用,换种颜色可能会好一些,但是你得找到那种配色 |
![]() | 93 onemotor 2021-08-31 16:14:02 +08:00 A 色彩搭配不合适 |
![]() | 94 simo 2021-08-31 16:30:15 +08:00 B A 就一原型 B 好歹能用 |
![]() | 95 gps949 2021-08-31 16:31:01 +08:00 一看 A 就是码农(非设计师 or 产品经理)设计的,啥文字、按钮、表单毫无主次往上一堆就 ok 了,反正信息都显示了、功能都有了,用户用起来爽不爽才不管。 B 的话虽然颜色、样式显得也一样土,但最起码信息显示有主次、界面布局有留白,才能引导用户产生“操作逻辑”。 一句话评语: A不如干脆让用户去直接连数据库自己 CRUD 吧。 B传统国产软件。 |
![]() | 96 blackshow 2021-08-31 16:42:33 +08:00 A 太丑了。。。。 |
![]() | 98 lerp PRO A 看着很累 |
![]() | 99 hst001 2021-08-31 16:46:59 +08:00 via Android A 的颜色搭配拉垮 |
100 EvansUtopia 2021-08-31 16:48:19 +08:00 你们没有产品没有交互没有视觉吗... |