![]() | 1 Solix 235 天前 via iPhone ![]() 淘宝跟设计精良就不沾边 |
2 mengyaoren 235 天前 ![]() Apple 官网算吧 |
3 jiuhuicinv 235 天前 算 |
![]() | 4 8355 235 天前 |
5 wsWmsw 235 天前 ![]() |
![]() | 6 ns09005264 235 天前 |
![]() |
![]() | 8 huage 235 天前 淘宝、京东这种,改版比较快,有问题也是正常的。 |
![]() | 9 bronyakaka 235 天前 能快速解决你的问题就挺好 如果是品牌官网就得包装一下 如果质量过硬,外观再垃圾也不重要 |
![]() | 10 mytsing520 PRO 我建议先定义一下你认为的设计精良 |
![]() | 11 pureGirl OP @mytsing520 就是用户体验好的吧 |
12 wsWmsw 235 天前 ![]() 苹果算是设计精良的,举个例子: ![]() 上面苹果的 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 234 天前 盲人用盲人阅读器可以和正常人差别不大地能做到他们想要做的事情。 |
![]() | 14 xavierchow 234 天前 > 盲人用盲人阅读器可以和正常人差别不大地能做到他们想要做的事情。 国内 accessibiilty 做的好的就不多,国外的网站涉及到公众服务,金融等行业以及一些大品牌的厂商,做不好 accessibility 是要吃官司的。 |
![]() | 15 longnight 234 天前 淘宝搜索出来的结果列表,各商品随鼠标 hover 浮动放大,那个框甚至不是个 html 链接而是个 Js 点击事件-------这导致用户无法用鼠标中键把链接在后台打开。 (但这事我有点不太确定,似乎后来改了?) |
![]() | 16 levelworm 234 天前 via Android |
![]() | 17 xuanbg 234 天前 看着赏心悦目,用起来丝滑连贯 |
19 yusf 234 天前 大多都是能用就行,要说精良,那么至少盲人友好吧。 |
21 mahaoqu 234 天前 真的存在同时满足设计精良、不卡顿、SEO 友好的网站吗? |
22 FishBear 234 天前 |
![]() | 23 bapp 234 天前 |
![]() | 24 pike0002 234 天前 谷歌算么 |
![]() | 25 bapp 234 天前 |
27 happyxhw101 234 天前 |
28 Cruzz 234 天前 淘宝那个一直滚不到头也不知道是哪个神仙交互想出来的。 |
29 vincentWdp 234 天前 |
30 foolishcrab 234 天前 via iPhone 评论区真没懂行的 去 awwwards 看就行了 |
![]() | 31 alabrala 234 天前 |
![]() | 32 SiDQ9w1P04Dap9uv 234 天前 https://tempmail100.com/ 我这个怎么样 |
![]() | 33 wangtian2020 234 天前 淘宝是越大众越土味。各种框架的官网其实都是用心设计的,有程序员的浪漫感 |
34 chutsetien 234 天前 正面典型: 豆瓣, 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 以及其他的微软系网站,如今不知道在背后捣鼓些啥,表面上看着没什么变化,但是一开它们就特别吃资源,响应缓慢,甚至会影响到连关闭这个标签页都得等一会儿,所有微软系网站的页面如今越来越多地都有这个毛病。 |