TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Could you be a web designer?

22 点作者 justswim超过 2 年前
I made a short quiz to test web/frontend design skills. Some of the questions require knowledge of trends, but most of them test the ability to notice small details in the design and css of the page. Hope you have fun with it!

14 条评论

russelldjimmy超过 2 年前
I’m a product designer and I totally bombed this. Never in my career have I been required to know exact hex codes (especially of pure blue - which I have never used thankfully), or exact border radii.<p>This quiz misses the idea that humans perceive the same values differently in different contexts. A button with 5px border radius might not feel “round” enough in a UI where everything else is very “round”. Or if you have two colours of the same hex value, except that one is surrounded by white pixels, and the other is surrounded by black ones, then it is unlikely that the colour will be perceived the same way in both cases (see the Checkerboard illusion). Identifying fonts immediately by just looking at them (which I can do well) has been a neat party trick, but has never found utility in my work.<p>A designer’s strength is not knowing these values by rote, but having the sensitivity to understand the tools at our disposal (including knowing how human perception works) and using them to create something functional and beautiful.<p>This “test” does not evaluate any of that.
评论 #33727751 未加载
100721超过 2 年前
It seems weird to so strongly correlate specific technical knowledge, like exact hex codes and pixel counts, with one&#x27;s ability to learn web design. I&#x27;m sure many great web designers would have bombed this at one point, and perhaps some would have felt discouraged.<p>Perhaps a better name would be &quot;Are you a web designer?&quot;
justhw超过 2 年前
Way too hard. Not a lot of people can tell the difference between a <i>border-radius</i> 3px 5px &amp; 7px with their bare eyes.
评论 #33727643 未加载
评论 #33727665 未加载
davidmurdoch超过 2 年前
Why does knowing what the Q key on an old apple keyboard have anything to do with someone&#x27;s aptitude for web design?
dsmmcken超过 2 年前
Um, actually question twelve is wrong. Those use two different typefaces. The iOS keyboard is SF Pro, but hardware keyboards are SF Compact. SF Compact is less round, you should be able to see the difference if you compare the O and D in the screenshot.<p>I noticed that, but still only got 9&#x2F;12.
sublinear超过 2 年前
I&#x27;m not a designer but have done some web dev here and there over the years based on sketch files designers send me and whatnot.<p>I got the color, radius, border, and font questions correct.<p>The opacity, delay, and aspect ratio ones are slightly pointless since they are rarely any particular exact value (except for the square one).<p>The questions I think are completely irrelevant are the AI images and the Google logo ones.<p>EDIT: also worth pointing out none of these skills matter when I can just grep the CSS and inspect the computed values for checking consistency across all browsers. Judging by eye is not really all that helpful.
wilg超过 2 年前
The pixel sizes are hard to reason about on mobile. But still got most of them. Fun idea! The Apple keyboard one should have specified it’s about OLD keyboards.
bgoldste超过 2 年前
Wow, this was tough (but fun). BTW it looks like there&#x27;s an error on the help text for the opacity question:<p>&quot;The correct answer is B. In case you&#x27;re curious, B has a border radius of 5px, C is 15px, and D is 7px.&quot; should likely be something about opacity.
shahahmed超过 2 年前
just did it and got 6 out of 12. I think some of the border&#x2F;radius&#x2F;corner ones are weird because even as a designer you think about them as buttons, seeing a blocky div makes it confusing
graypegg超过 2 年前
My first thought, it&#x27;s supposed to be pointlessly hard to do by eye.<p>I think it&#x27;s meant as one big trick question: a web designer can use the dev tools to inspect the elements on the page.
rikroots超过 2 年前
I thought design was about how things get put together on the page to make a whole better than the parts. But then I&#x27;m not a web designer.
Lalabadie超过 2 年前
Fun test for your technical eye&#x2F;knowledge, horrible title.<p>None of these questions represent a barrier to being a competent web designer.
atiragram超过 2 年前
Lovely joke on many designer clichés like Helvetica fetishism :)
thepors超过 2 年前
I got only 4 correct. ok, I&#x27;m not a designer at all. lol