F

Flyosity

flyosity.com · Personal blog · on HN since 2009

Flyosity is a design blog by a user interface designer, covering app design, realistic UI craft and design opinions.

What HN saysHN commenters point beginners to its "Crafting Subtle & Realistic User Interfaces" tutorial and quote its blunt "your design is wrong" argument.
30HN people shared it
13linked it in comments
27stories submitted
539story points
4 years agolast shared
2009people per year2026

Most-shared posts

  1. 1
    Crafting Subtle & Realistic User Interfaces
    10 people · 141 points · first shared 2009 · 13 comments on HN
  2. 2
    Your Design Is Wrong (And Here's Why)
    3 people · 51 points · first shared 2010 · 9 comments on HN
  3. 3
    Homepage
    3 people · first shared 2010
  4. 4
    If You Can Think, Design & Code, You Win
    2 people · 86 points · first shared 2011 · 32 comments on HN
  5. 5
    Ketchup Bottles & The Physicality Of Design
    2 people · 29 points · first shared 2012 · 10 comments on HN
  6. 6
    The iPad Is For Everyone But Us
    1 people · 77 points · first shared 2010 · 44 comments on HN
  7. 7
    Kill the settings, build opinionated software
    1 people · 73 points · first shared 2010 · 49 comments on HN
  8. 8
    IPhone Application Design Patterns
    1 people · 20 points · first shared 2009 · 3 comments on HN
  9. 9
  10. 10
    Android's Touch Responsiveness Is Terrible
    1 people · 10 points · first shared 2011 · discussion on HN
  11. 11
    How Color Already Blew It
    1 people · 5 points · first shared 2011 · 1 comments on HN
  12. 12
    Be Curious, Be Dangerous
    1 people · 5 points · first shared 2010 · discussion on HN
  13. 13
    On Design Theft
    1 people · 5 points · first shared 2012 · discussion on HN
  14. 14
    Why Apple Succeeds And Others Fail
    1 people · 3 points · first shared 2010 · discussion on HN
  15. 15
    Speculation on iPhone 5, 4S, iPad 3 and more
    1 people · 2 points · first shared 2011 · discussion on HN

What HN people wrote when they linked it

seivan · 2013-03-16
I'm talking general run way, not Dropbox. If you can cut your costs efficiently, you should, regardless of who you are. I am not saying you should rely on native standards without innovating, I am saying a developer is a better person to make those decisions where you wanna tweak design that might be hellish in code than a designer. I like developers who can design. Period. Especially iOS where the damn controllers are called -VIEW-Controllers. If you're a startup, get a iOS developer who can design. It's cheaper, it's smarter. It's better. Less person to maintain, less communication errors and those thing happen because we're human. It's one of the platforms where the developer SHOULD be able to design and rightfully do so. I've never come to respect designers for iOS (I can't speak for Android, but I wonder if it's the same). One trick ponies. If you can't code your views, then get a different job. I am sure there are developers who can design and then code it. http://flyosity.com Don't get those oil snakes men that trick you into thinking their bullshit user interface design education is worth anything. The only objective UX is speed, and that comes from the developer. Most of the time UX (and design) is subjective. Sure you have bad ones, and good ones, but in the end it's mostly a matter of taste. Get a developer who has taste. Most developers are also "app users", so they should be aware of what works and what doesn't and can work in their own "smart"…
pazimzadeh · 2022-10-01
That's good advice. Another one is to put yourself in the user's shoes and then lean in to your own laziness in order to come up with a UI that will delight the average user. Also, in the beginning don't worry too much about the difficulty of implementing your ideas. You won't come up with anything new if you are always thinking "that's too hard" or "that will take too long." You can always scale back your ambition at a later time, but it's important to be excited about your ideas. There are a few sites that follow this philosophy: http://flyosity.com/design-then-code/ https://designcode.io/ Edit: Oh, and start prototyping the flow way before finalizing colors and so on. This is a great tool for it: https://principleformac.com/
Too · 2013-01-03
> *"A design can be wrong. The entire thing can be wrong, parts can be > wrong, or even a tiny, 10x10 pixel area can be wrong. Not, "I think it's > good but it needs improvement" but flat-out wrong. 1 + 1 = 3 wrong. A > spelling mistake in a book wrong. A syntax error in a code file wrong. > It's not an opinion, it's not a matter of subjectivity, it's a fact: a > design can be wrong."* http://flyosity.com/application-design/your-design-is-wrong-and-heres-… The buttons with numbers in his example are such. There's still the question of whether fixing it is worth it or not though...
flyosity · 2012-11-28
There's some odd execution-level details I noticed also: all the big grey buttons for downloads look pre-pressed because they use a dark-to-light gradient which makes them look beveled in. In case the designers have never actually seen a physical button in real life before, buttons pop out and need a light-to-dark gradient indicating that light is hitting the top of the button. I wrote a blog entry on this topic awhile back: http://flyosity.com/design/making-rounded-rectangles-look-great.php
pdenya · 2012-01-04
I'm not a good designer but i've been improving for years mostly by putting in my hours. Aside from learning some basic photoshop skills, the best piece of advice I can give you is to read and re-read this article: http://flyosity.com/tutorial/crafting-subtle-realistic-user-interfaces… Note the word subtle. That's the key.
bgramer · 2011-10-20
There are some nice tutorials/articles at flyosity.com and bjango.com This is one of my favorites: http://flyosity.com/tutorial/crafting-subtle-realistic-user-interfaces…
tecleandor · 2022-03-18
Some of the heinz bottles have a small relief in the top of the cap, kinda like this: http://flyosity.com/design/ketchup-bottles-the-physicality-of-design.p… That's why it appears in the scan.
bugsy · 2011-09-01
OK thanks, fair enough. I had thought he was responding to the latest one that made the rounds here - http://flyosity.com/application-design/if-you-can-think-design-code-yo… Seems he wasn't though.
ujeezy · 2011-05-20
Dude, I learned so much from this one blog post of yours: http://flyosity.com/tutorial/crafting-subtle-realistic-user-interfaces… I will definitely be grabbing some of those tutorials this Summer :)
stephenou · 2010-11-18
Go out on the wild and get some inspirations: Dan Cederholm: http://simplebits.com Spencer Fry: http://spencerfry.com Mike Rundle: http://flyosity.com Sam Brown: http://sam.brown.tc Matt Mullenweg: http://ma.tt Tim Van Damme: http://maxvoltar.com Meagan Fisher: http://owltastic.com Adii Pienaar: http://adiirockstar.com
jcromartie · 2010-04-01
This was on HN a while back, and I thought it was a good summary. It doesn't hold your hand on how to actually achieve the effects but it gets you started: http://flyosity.com/tutorial/crafting-subtle-realistic-user-interfaces…
wallflower · 2010-07-13
Beautiful graphic design is something I'd like to learn, and it is something I have not invested much effort in yet. Tutorials like those on SmashingMagazine can tell you the how but can't teach you the why. Any graphic designer/art student will tell you that learning how to draw is all about learning how to look. I'd like to be able to do design myself but realistically it is easier to become friends with good designers (yes, you pay them but it is more like working with a partner than a hired gun). In lieu of taking classes, go to art openings. I've met very few designer developer individuals. That being said here is a list of some resources for (previous AskYCs, rest of them learning how to make icons) (which is a stepping stone to Tap Tap Tap UI). http://news.ycombinator.com/item?id=1487274 http://news.ycombinator.com/item?id=1290147 http://news.ycombinator.com/item?id=66863 http://news.ycombinator.com/item?id=227406 http://web.archive.org/web/20050101092500/http://mpt.phrasewise.com/st… http://hicksdesign.co.uk/journal/principles-of-icon-design http://flyosity.com/tutorial/crafting-subtle-realistic-user-interfaces… http://steveweller.com/articles/tabbar-icons/ http://speckyboy.com/2009/04/28/35-tutorials-to-create-amazing-vector-… http://iphonedevelopment.blogspot.com/2010/05/some-good-advice.html

Keyboard shortcuts

/Search
j kNext / previous blog
EnterOpen selected blog
vVisit the blog site
fFollow / unfollow
lSwitch grid / list view
dSwitch dark mode
g hHome
g pTop posts
g tTopics
g fFollowing
g lLiked
g yHistory
g qFAQ
EscBack / close