
1 Solix 2025 年 2 月 16 日 via iPhone 淘宝跟设计精良就不沾边 |
2 mengyaoren 2025 年 2 月 16 日 Apple 官网算吧 |
3 jiuhuicinv 2025 年 2 月 16 日 算 |
4 8355 2025 年 2 月 16 日 |
5 wsWmsw 2025 年 2 月 16 日 |
7 coolfan 2025 年 2 月 16 日 设计精良的不太容易看出来,设计不精良一眼就能看出来 |
8 huage 2025 年 2 月 16 日 淘宝、京东这种,改版比较快,有问题也是正常的。 |
9 bronyakaka 2025 年 2 月 16 日 能快速解决你的问题就挺好 如果是品牌官网就得包装一下 如果质量过硬,外观再垃圾也不重要 |
10 mytsing520 PRO 我建议先定义一下你认为的设计精良 |
11 pureGirl OP @mytsing520 就是用户体验好的吧 |
12 wsWmsw 2025 年 2 月 16 日 苹果算是设计精良的,举个例子: ![]() 上面苹果的 iPhone 广告栏有 3 个触发点,背景、“进一步了解”链接、“购买”链接,多数人可能会、也是错误的实现方法是: ```html <a style="background: url(iphone.jpg)" href="/1"> <a href="/1">进一步了解</a> <a href="/2">购买</a> </a> ``` 这样实现的结果是不符合 W3C 规范,因为可聚焦元素不允许嵌套: ![]() 苹果用了特殊的方法实现,同时满足了用户、营销和规范要求,大致下面这样: ```html <div style="background: url(iphone.jpg);"> <a href="/1" style="position: absolute; width: 100%; height: 100%;"></a> <div> <a href="/1">进一步了解</a> <a href="/2">购买</a> </div> </div> ``` 上面的实现,没有嵌套链接,但是有同样的效果。从工程师的角度,这个设计够精良。 苹果首页还有个特点,点击区域几乎占满了屏幕,用户随便点点都能跳转到新页面。小米也继承了这个说不上好坏的设计,但是苹果的可点击区域不是 button 就是 a 标签,用户能预判接下来是按钮操作还是跳转新页面,小米的页面一律 div 加上点击事件实现链接跳转。 ![]() 我在小米首页点击,除了导航栏几个链接,别的差不多都是 div ,无法被聚焦。 |
13 luorain 2025 年 2 月 16 日 盲人用盲人阅读器可以和正常人差别不大地能做到他们想要做的事情。 |
14 xavierchow 2025 年 2 月 16 日 > 盲人用盲人阅读器可以和正常人差别不大地能做到他们想要做的事情。 国内 accessibiilty 做的好的就不多,国外的网站涉及到公众服务,金融等行业以及一些大品牌的厂商,做不好 accessibility 是要吃官司的。 |
15 longnight 2025 年 2 月 16 日 淘宝搜索出来的结果列表,各商品随鼠标 hover 浮动放大,那个框甚至不是个 html 链接而是个 Js 点击事件-------这导致用户无法用鼠标中键把链接在后台打开。 (但这事我有点不太确定,似乎后来改了?) |
16 levelworm 2025 年 2 月 17 日 via Android |
17 xuanbg 2025 年 2 月 17 日 看着赏心悦目,用起来丝滑连贯 |
19 yusf 2025 年 2 月 17 日 大多都是能用就行,要说精良,那么至少盲人友好吧。 |
21 mahaoqu 2025 年 2 月 17 日 真的存在同时满足设计精良、不卡顿、SEO 友好的网站吗? |
22 FishBear 2025 年 2 月 17 日 |
23 bapp 2025 年 2 月 17 日 |
24 pike0002 2025 年 2 月 17 日 谷歌算么 |
25 bapp 2025 年 2 月 17 日 |
27 happyxhw101 2025 年 2 月 17 日 |
28 Cruzz 2025 年 2 月 17 日 淘宝那个一直滚不到头也不知道是哪个神仙交互想出来的。 |
29 vincentWdp 2025 年 2 月 17 日 |
30 foolishcrab 2025 年 2 月 17 日 via iPhone 评论区真没懂行的 去 awwwards 看就行了 |
31 alabrala 2025 年 2 月 17 日 |
32 SiDQ9w1P04Dap9uv 2025 年 2 月 17 日 https://tempmail100.com/ 我这个怎么样 |
33 wangtian2020 2025 年 2 月 17 日 淘宝是越大众越土味。各种框架的官网其实都是用心设计的,有程序员的浪漫感 |
34 chutsetien 2025 年 2 月 17 日 正面典型: 豆瓣, Google Reader, Amazon, MediaWiki (但需要非 Vector 2022 布景主题为前提,Vector 2022 是邪恶!邪恶!), SS64 反面典型: Gmail New Compose 2013 (Old Compose 可以透过 add-on 找回,直到 2016 年 1 月) 以及如今的整个 Gmail, 妈的心死了; Netflix; YouTube 2020 及后续的 Redesign (YouTube 的设计巅峰在 2014 到 2019, 2020 和 2021 勉强还能接受,但 2022 以后简直就是邪恶!邪恶!现在没有 YouTube Redux 再加几个其他的 add-ons 基本没法用); IMDb; reddit 2023 (2024 年 12 月故意撤下 ‘new.’ 系 layout 后正好帮我戒掉 reddit 了); MediaWiki Vector 2022 (坚决抵制 Vector 2022!); Twitter (自强制将 mobile.twitter.com 扶正之后,大概是 2019 年的事儿了吧,不过至今仍有无数 add-ons 或 userscripts 回到过去); Github 以及其他的微软系网站,如今不知道在背后捣鼓些啥,表面上看着没什么变化,但是一开它们就特别吃资源,响应缓慢,甚至会影响到连关闭这个标签页都得等一会儿,所有微软系网站的页面如今越来越多地都有这个毛病。 |
35 superchijinpeng 2025 年 2 月 17 日 这个寺庙的官网: https://www.kiyomizudera.or.jp |
36 liuidetmks 2025 年 2 月 17 日 |
37 wniming 2025 年 2 月 17 日 https://webglsamples.org/aquarium/aquarium.html 这个,能让我用浏览器测试 gpu 的 3d 性能 |
39 kinkin666 2025 年 2 月 17 日 十几年前淘宝网搞的是相对精良的,后来大家都跟上了,然后淘宝自己的就有点 low 了,那时候的淘宝 ued 博客不仅讨论水平栅格,还搞垂直方向上的栅格化,不同栏的文字也想搞成水平对齐 |
40 chutsetien 2025 年 2 月 17 日 @chutsetien 正面典型还忘了一个非常重要的:gov.uk 以及,由于 Google 把他家的设计语言也用到了网页上,因此也勉强可以说说:原生代 Material Design (约 2013 成熟至 2018 年中) 是设计精良的; Material Design 2 是心的,Material Design 3 是邪恶且恐怖的(现在 Google 几乎所有的网页都让人看了想吐,即使装了 Unround Everything 也他妈的想吐,干!)。对应的微软家的原生代 Metro Design (Zune to WinPhone 8.1, 约 2006 到 2015) 是设计精良的,后来 2015 到 2020 年左右尚可接受,现在的 Fluent UI 则是纯粹的心 + 邪恶。 |
42 wheelg 2025 年 2 月 17 日 只看 UI 交互的话,看看这个 https://vooh.pages.dev/ |
43 shui14 2025 年 2 月 17 日 @wsWmsw 现在 headless ui 很火,甚至各个之前的老 ui 出新版本都在靠拢 但是从 headless 最开始,就有并行的 accessible ,比如 https://react-spectrum.adobe.com/index.html 搞笑的就是那些顾头不顾尾的方案 |
48 CyouYamato 2025 年 2 月 18 日 我觉得 Facebook 挺不错的 |