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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

Bringing Back Skeuomorphic Design

87 点作者 devins大约 7 年前

22 条评论

et-al大约 7 年前
Yes please.<p>Apple had a good balance between skeuomorphism and minimalism a few years ago, but as Jony Ive &amp; Co. strip out decoration for flatness, iOS 11 almost looks unfinished. Case in point: the PIN screen and the calculator app.<p>Lock screen: <a href="https:&#x2F;&#x2F;file.mockplus.com&#x2F;image&#x2F;2017&#x2F;10&#x2F;5627bfee-8dbf-44b4-94e3-3a0782e9a276.png" rel="nofollow">https:&#x2F;&#x2F;file.mockplus.com&#x2F;image&#x2F;2017&#x2F;10&#x2F;5627bfee-8dbf-44b4-9...</a><p>Calculator: <a href="http:&#x2F;&#x2F;cdn.iphonehacks.com&#x2F;wp-content&#x2F;uploads&#x2F;2017&#x2F;06&#x2F;iOS-10-vs-iOS-11-Calculator.jpeg" rel="nofollow">http:&#x2F;&#x2F;cdn.iphonehacks.com&#x2F;wp-content&#x2F;uploads&#x2F;2017&#x2F;06&#x2F;iOS-10...</a><p>I live in an old Victorian house, and there&#x27;s something very &quot;human&quot; and comforting about the tiny details that designers embark on a crusade to erase every other decade. Sometimes I wonder if flat UI and &quot;brutalist design&quot; [0] came about simply because folks got lazy and need to show something quickly Monday morning.<p>[0] <a href="http:&#x2F;&#x2F;brutalistwebsites.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;brutalistwebsites.com&#x2F;</a>
评论 #16549272 未加载
评论 #16548994 未加载
评论 #16548859 未加载
评论 #16548889 未加载
评论 #16550191 未加载
评论 #16549658 未加载
jbob2000大约 7 年前
No, the reason we got rid of it was that it was impractical for like 90% of software. Skeuomorphism works for calendars and notepads, that&#x27;s it. That&#x27;s why those are always the examples you see for them.<p>There&#x27;s no such thing as skeuomorphism for a chat app or a social media site - there&#x27;s no analog comparison to take design cues from, they&#x27;re inherently a digital thing. So what you end up doing is wrapping digital things in leather and wood texture as if it was some kind of physical device. It&#x27;s tacky and cheap, and frankly, I think only a small subset of users get a kick out of it.<p>I don&#x27;t like these designs at all. Sure, they are well put together. But the screen feels crowded and the buttons look hard to hit. It just looks incredibly delicate, if i flipped on large text mode, the whole design would break.<p>On the other hand... Skeuomorphism is <i>fantastic</i> for video games, where utility is not the primary motivator of design. If I&#x27;m playing a WW2 game of some kind, yeah, I&#x27;m cool with menus looking like war-torn clipboards and whatnot.
评论 #16551888 未加载
评论 #16549366 未加载
currywurst大约 7 年前
It&#x27;s time for the pendulum to swing back I guess ;)<p>The article give iOS 7 the credit for ushering in the &#x27;flat&#x27; design trends ... But I remember the Windows Phone 7-8 &#x27;Metro&#x27; (later renamed to Modern) design language as the key influence. It blew away people with the attention to typography and proportional grid-based layouts.
评论 #16551263 未加载
评论 #16550186 未加载
评论 #16549117 未加载
c8d3f7b49897918大约 7 年前
Balance in all things: a design should be minimalist where that is called for (the background, unimportant or repetitive elements, etc.) and should increase in visual complexity&#x2F;depth&#x2F;color&#x2F;brightness in areas that are important and need to draw the users eye. (NB: minimalism does not mean &quot;nothing&quot;. Sometimes a slight texture completely changes the feel of a UI, but it requires a deft hand.)<p>I&#x27;m glad to see the flat-ui&#x2F;material-design over-application of minimalism is coming to an end and designers are getting back to more complex visual treatments. My hope is that, rather than casting back and forth between the various schools of thought, designers start thinking in context-sensitive terms: not &quot;Should I use flat design or skeumorphic design for this app?&quot; but rather &quot;Where in this UI are flat design AND skeumorphic designs best utilized?&quot;
userbinator大约 7 年前
IMHO the most important skeuomorphic thing in UI is to make buttons actually look like buttons, i.e. they are obviously meant to be pressed. Far too much time has been wasted on trying to learn UIs where buttons are virtually indistinguishable from static text. Borderless buttons are particularly frustrating, especially when there&#x27;s multiple of them next to each other.
评论 #16550243 未加载
评论 #16550315 未加载
rbosinger大约 7 年前
The very first thing I thought of when I started seeing everything moving to &quot;flat design&quot; was &quot;I wonder how long this will last?&quot;<p>I figured everything would go flat and then designers would bring back skeuomorphic designs and they would pop extra hard in contrast.<p>Now I bet we&#x27;ll go really loud and retro (&quot;Stranger Things&quot;) for a while until we get worn out and need to take a break and go flat again for a while.
评论 #16551378 未加载
RachelF大约 7 年前
Please do bring it back. In my opinion, it looks better than the flat modern interfaces that everybody now uses. Starting with Windows 8 phone minimalism has made computer interfaces uglier, and harder to use.<p>It seems like UI designers are just as fashion concious as clothes fashion designers, and also have less concern for the comfort&#x2F;usability of their product.<p>[1]
评论 #16549204 未加载
评论 #16549065 未加载
评论 #16549392 未加载
bitL大约 7 年前
Original drive towards flat design was in part driven by retina-style displays and scalable vector graphics where authoring tools used to be pathetic. These days we have much better tools, so maybe we can finally get attention to details back instead of enforcing one-size-fits-all ugliness on everyone, just because it&#x27;s simpler for non-designers.<p>What I am worried though is that &quot;flat&quot; already caused too much damage and we will never see a beautiful complex yet holistic UI again. Something like what happened to IndyCars; they had arguably the most beautiful cars on the planet in 00s, then switched to unbelievably ugly decade and half, and this year will have something that while prettier than what they had before, still can&#x27;t match their golden age in looks when many people were watching them because they just looked so cool.
Uhhrrr大约 7 年前
A lot of the reason skeuomorphic design went away was that Apple had a release which used more skeuomorphism and was also <i>ugly</i>. The OP link is more tasteful. Let&#x27;s just bring back taste, rather than carrying banners for one abstract philosophy or another.
gfosco大约 7 年前
I like it, it&#x27;s very tasteful... I hope it does come back, because I find the flat &#x2F; whitespace &#x2F; no decoration UI craze to be boring.
评论 #16551800 未加载
评论 #16549570 未加载
评论 #16548265 未加载
评论 #16548259 未加载
mdip大约 7 年前
Amen.<p>I&#x27;ll be the first to admit that &quot;you don&#x27;t want me doing your UX design&quot;[0], but I found the whole violent shift from skeuomorphic to flat to be too much. Almost over night we went from nearly cartoonish to IRS forms &quot;with color&quot;. As a non-designer, I was happy -- finally, I could hit up a web site for a reasonable color palette, grab a popular font from Google and have a design that <i>almost passed</i> as typical. As a user, I found the look ... boring and uninspired.<p>Here&#x27;s the thing, though, skeuomorphic design <i>did</i> serve a purpose. It was to equate, for non-tech-savvy folks, concepts from the &quot;real world&quot; to concepts in an app. A few simple design elements can differentiate my calendar from my task list from my playlist and can be <i>highly effective</i> in circumstances where providing a UI more than a very brief glance can be dangerous[1]. And outside of those scenarios, it&#x27;s nice reducing the cognitive load required to recognize the context of what I&#x27;m doing. Unfortunately, it <i>was</i> taken way too far. But it went too far the other way, too. There&#x27;s a happy medium here, and I rather like the UI presented here as that happy place.<p>[0] I&#x27;m not completely miserable at it, but I&#x27;m a developer. I want a knob&#x2F;switch&#x2F;setting for <i>everything</i> and the ability to customize <i>everything</i> (I joke that I never quit Firefox because I love &quot;about:config&quot;). My mom doesn&#x27;t. For most of my projects, which are either personal or targeted at engineers, a lot of time isn&#x27;t spent thinking about design.<p>[1] For instance, waking my phone while driving to change the song -- It&#x27;s nice to see something that indicates &quot;that&#x27;s a playlist&quot; which is obvious and instant.
评论 #16551820 未加载
stephencoyner大约 7 年前
I agree that most UI is the same these days and some change from the norm should be encouraged, but I don&#x27;t think that UI with actual real world things like binder clips is needed. Mobile apps don&#x27;t need clips to keep pages together, so lets not bring new constraints into a field that already has it&#x27;s own to work with.<p>I love how Google is updating material design to have more aggressive shadows and bring in elements that make the UI feel more like the real world, while also pushing the boundaries of app design with newer interaction models that most haven&#x27;t seen, but immediately feel used to.<p>Mobile app design is such a new field, let&#x27;s not jump back into our time machine because we feel nostalgic for Steve Job&#x27;s Apple. Let&#x27;s keep pushing the field forward.
评论 #16549456 未加载
评论 #16549530 未加载
AstralStorm大约 7 年前
Please don&#x27;t. Skeuomorphism always lies to the user.<p>That button? Does not really depress and definitely does not act immediately.<p>Knob you&#x27;re turning? It is not analogue nor you can really use a true turning gesture.<p>And why do you have to use one when you have a touch screen to draw the result on?<p>Computer desktop is not a desk top, items do not obstruct each other.<p>A file folder has no pages.<p>Ebook only has them because someone thought it needs to. I&#x27;d welcome infinite scrolling in these.<p>Non-flat is not the same as skeuomorphic. Hopefully.
nnq大约 7 年前
Kind of dooh: as we get <i>better and higher DPI display, skeumorphic designs are too good at showing off how good the displays actually are to worth passing off :P</i><p>Thing with skeumorphic design is that people really don&#x27;t know where to stop when they start doing it... so it will be a cycles thing: at some point all cargo-cult designers overdo it, everyone gets sick of it, and we&#x27;re back to Metro. To be hones though, I like the &quot;improved flat&quot; phase of Material Design and I hope we stay on it as much as possible, so we can focus on things like UX more instead. Back in the days of full-skeumorphic fever, &quot;good UX&quot; was seen as worthless ammateurish crap unless dressed in tons of graphic desinger makeup...
woodandsteel大约 7 年前
The problem with flat design is the human optical perception is the product of literally hundreds of millions of years of evolution, and it is designed for a three dimensional world.<p>Flat design the latest example of a utopianistic drive that started in the 20th century by some intellectuals to make a world that fits robots, not human beings. Other examples are modern classical music and modern architecture. Modern classical music never caught on because it simply doesn&#x27;t fit the human auditory system. Ditto modern architecture,though it has persisted partly for business reasons, and has been greatly modified to make it more humane.
majewsky大约 7 年前
I agree that some of the most extreme instances of flat UI design need to be dialed back, but:<p>&gt; make UI fun again<p>Hell no. I&#x27;m not using an app to have fun with the UI, I&#x27;m using an app to complete some sort of task [1]. Sure, the UI designer wants to have some fun (same for the developer), but in the end, the user&#x27;s experience matters the most.<p>When designers embrace this back-to-skeuomorphism trend, I&#x27;d like to remind them of Dieter Rams&#x27; Good Design Principles:<p>&gt; 5. Good design is unobstrusive.<p>&gt; 6. Good design is honest.<p>&gt; 7. Good design is long-lasting.<p>&gt; 10. Good design is as little design as possible.<p>[1] Implying that it&#x27;s some sort of productivity app, rather than some game or entertainment content.
martin_drapeau大约 7 年前
The skeuomorphic design in the article is beautiful. It represents a real life object augmented with digital. It makes me want to use it.<p>Notice there are no textures. Maybe textures was the corny side of skeuo and what people didn’t like.
评论 #16549021 未加载
guelo大约 7 年前
What&#x27;s missing is user testing. Many designers are still in denial that they&#x27;re engineers not artists, they still mock user testing with &quot;users don&#x27;t know what they want&quot; etc.. But how do you know if the interface does what it&#x27;s supposed to do? Does it have bugs?<p>One of the benefits of a platform design language is that users learn the language, they know what the buttons are, how to navigate around without putting too much thought into it. If you deviate from that you really need to be sure the user will benefit from it and it&#x27;s not just pretty for pretty&#x27;s sake.
nategri大约 7 年前
Thesis, antithesis, synthesis<p><a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Thesis,_antithesis,_synthesis" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Thesis,_antithesis,_synthesis</a>
评论 #16548854 未加载
tomc1985大约 7 年前
I miss skeumorphism. It was great for making computing more accessible
zer00eyz大约 7 年前
I have mixed feelings about this.<p>Lets take something that most on here probably remember, the floppy disk. It is still a common sight as a save icon, but my youngest children have never USED a floppy.<p>I don&#x27;t mind the concept, as long as the concept isn&#x27;t sacrificing functionality, and astethics for the sake of nostalgia.
评论 #16549040 未加载
评论 #16549054 未加载
评论 #16549420 未加载
jgalt212大约 7 年前
skeuomorphism works, and should be used, because of:<p><a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Principle_of_least_astonishment" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Principle_of_least_astonishmen...</a><p><a href="http:&#x2F;&#x2F;www.catb.org&#x2F;esr&#x2F;writings&#x2F;taoup&#x2F;html&#x2F;ch01s06.html#id2878339" rel="nofollow">http:&#x2F;&#x2F;www.catb.org&#x2F;esr&#x2F;writings&#x2F;taoup&#x2F;html&#x2F;ch01s06.html#id2...</a>