 |
1
gaobh 3 天前 via iPhone  3
淘宝跟设计精良就不沾边
|
 |
2
mengyaoren 3 天前 2
Apple 官网算吧
|
 |
3
jiuhuicinv 3 天前
算
|
 |
4
8355 3 天前
一打开卡就算
 |
 |
5
wsWmsw 3 天前 11
淘宝设计很多问题，举个例子：
 上面的图片是淘宝首页的工具栏，我的鼠标点击后，如果元素周围出现方框，代表元素能被聚焦，可以看作按钮或链接，但实际上第二个“消息”元素无法触发方框，而这个元素点击后和其它工具栏里的元素作用一样，跳转到新页面。 可以看出来，单这个工具栏的实现就比较混乱，在用户场景的问题是，用户用键盘 Tab 会从第一个工具 Tab 到第三个工具。 还有个问题国内很常见，淘宝首页无限滚动，永远看不到网站的脚步信息栏，参考 dribbble ，dribbble 会在滚动加载第三次展示“load more”按钮，让用户手动决定是否继续加载。   |
 |
6
ns09005264 3 天前
|
 |
7
coolfan 3 天前 1
设计精良的不太容易看出来，设计不精良一眼就能看出来
|
 |
8
huage 3 天前
淘宝、京东这种，改版比较快，有问题也是正常的。
|
 |
9
bronyakaka 3 天前
能快速解决你的问题就挺好 如果是品牌官网就得包装一下
如果质量过硬，外观再垃圾也不重要 |
 |
10
mytsing520 3 天前
我建议先定义一下你认为的设计精良
|
 |
11
pureGirl OP @mytsing520 就是用户体验好的吧
|
|
12
wsWmsw 3 天前 5
苹果算是设计精良的，举个例子：
 上面苹果的 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 3 天前
盲人用盲人阅读器可以和正常人差别不大地能做到他们想要做的事情。
|
 |
14
xavierchow 3 天前
> 盲人用盲人阅读器可以和正常人差别不大地能做到他们想要做的事情。
国内 accessibiilty 做的好的就不多，国外的网站涉及到公众服务，金融等行业以及一些大品牌的厂商，做不好 accessibility 是要吃官司的。 |
 |
15
longnight 3 天前
淘宝搜索出来的结果列表，各商品随鼠标 hover 浮动放大，那个框甚至不是个 html 链接而是个 Js 点击事件-------这导致用户无法用鼠标中键把链接在后台打开。 （但这事我有点不太确定，似乎后来改了？）
|
 |
16
levelworm 3 天前 via Android
|
 |
17
xuanbg 2 天前
看着赏心悦目，用起来丝滑连贯
|
 |
19
zdw189803631 2 天前
大多都是能用就行，要说精良，那么至少盲人友好吧。
|
 |
21
mahaoqu 2 天前
真的存在同时满足设计精良、不卡顿、SEO 友好的网站吗？
|
 |
22
FishBear 2 天前
|
 |
23
bapp 2 天前
|
 |
24
pike0002 2 天前
谷歌算么
|
 |
27
happyxhw101 2 天前
|
 |
28
Richared 2 天前
淘宝那个一直滚不到头也不知道是哪个神仙交互想出来的。
|
 |
29
vincentWdp 2 天前
|
 |
30
foolishcrab 2 天前 via iPhone
评论区真没懂行的
去 awwwards 看就行了 |
 |
31
alabrala 2 天前
V2EX Polish
 |
 |
32
johnwilson 2 天前
https://tempmail100.com/ 我这个怎么样
|
 |
33
wangtian2020 2 天前
淘宝是越大众越土味。各种框架的官网其实都是用心设计的，有程序员的浪漫感
|
 |
34
chutsetien 2 天前
正面典型：
豆瓣, 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 2 天前
这个寺庙的官网： https://www.kiyomizudera.or.jp
|
 |
36
liuidetmks 2 天前
|
 |
37
wniming 2 天前
https://webglsamples.org/aquarium/aquarium.html
这个，能让我用浏览器测试 gpu 的 3d 性能 |
 |
39
kinkin666 2 天前
十几年前淘宝网搞的是相对精良的，后来大家都跟上了，然后淘宝自己的就有点 low 了，那时候的淘宝 ued 博客不仅讨论水平栅格，还搞垂直方向上的栅格化，不同栏的文字也想搞成水平对齐
|
|
40
chutsetien 2 天前
@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 2 天前
只看 UI 交互的话，看看这个 https://vooh.pages.dev/
|
 |
43
shui14 2 天前
@wsWmsw 现在 headless ui 很火，甚至各个之前的老 ui 出新版本都在靠拢
但是从 headless 最开始，就有并行的 accessible ，比如 https://react-spectrum.adobe.com/index.html 搞笑的就是那些顾头不顾尾的方案 |
 |
48
CyouYamato 1 天前
我觉得 Facebook 挺不错的
|
Select Language