[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vip /vp / vr / w / wg / wsg / wsr / x / y ] [Search | Home]
4Archive logo
Where would one go to find latest trends...
If images are not shown try to refresh the page. If you like this website, please disable any AdBlock software!

You are currently reading a thread in /gd/ - Graphic Design

Thread replies: 5
Thread images: 2
File: yahooweather.jpg (74 KB, 720x359) Image search: [iqdb] [SauceNao] [Google]
yahooweather.jpg
74 KB, 720x359
Where would one go to find latest trends in UI design?

I've been an illustrator for games for the last years, but it seems they will move me to a UI position soon. So far I've gotten along with just painting assets and not touch the layout and design of it but I'm looking to learn.

I've been using pinterest a lot for the art aspect of it but it's not as strong for design, especially since there's very little theory written or discussed there.
>>
Everyone has their favourite websites (I like Typewolf but that's web design, not app UI specifically. good stuff tho) Fonts in Use is good too, again mostly typography-focused by you can sort by medium.

At the end of the day the best way to learn this shit is to keep an eye out for stuff you like and consider why you like it and how they achieved that. You'll need some basics for thinking about that in any detail:

Swiss typography
Designing on a grid
Ratios and geometry in grid design
Locally and globally recognizable icons
Contrast
Depth — what elements pop forward and which ones fall back, and is the hierarchy of that action correct (such as your OP image, black overlay makes the photo fall back and white pop forward which is a popular style atm)
Readability of typefaces and type-setting (the font you choose but also the space between letters, words, lines, use of caps, creating hierarchy with bold/italics/size) for various screen sizes
Expected behaviours and design language (green is good, red is bad, buttons look pressable, links are bold or underlined, etc)
Navigation with your controller (console or mouse/keyboard? tab around or free-moving?)

I recommend Ellen Lupton's book Thinking with Type if you're brand new to typography, and Steve Krug's classic Don't Make Me Think. I also recommend you check out Destiny and play with its UI for a while, it's very slick compared to all competitors/peers imo, with a unique attention to detail in the typography that comes across as both classy and extremely readable/understandable, such as organizing a map with lots of symbols and text and using a free-roaming cursor. I think it actually won an award with AIGA last year in a category games aren't normally considered for.

And check out games whose UI pisses people off and try to think about why. Remember, your UI should be a pleasure to use, but no one WANTS to use it. It's a means to an end, an interface for what they really want. Make it easy + painless
>>
>>252719
Thanks!
>>
Blizzard (World of Warcraft in particular) has the best UI in games that I've seen and used. You feel immersed in the universe and everything fits that genre of the game. Nothing is out of place and every UI element appears to be polished to its fullest.
>>
>>253153
I was temped to play that game after looking at their website. But the reality hold me back. Runescape's website is pretty nice too. The classic one. Damn guess i have no ui design skills
Thread replies: 5
Thread images: 2
Thread DB ID: 483660



[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vip /vp / vr / w / wg / wsg / wsr / x / y] [Search | Home]

[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vip /vp / vr / w / wg / wsg / wsr / x / y] [Search | Home]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
This is a 4chan archive - all of the shown content originated from that site. This means that 4Archive shows their content, archived. If you need information for a Poster - contact them.
If a post contains personal/copyrighted/illegal content, then use the post's [Report] link! If a post is not removed within 24h contact me at [email protected] with the post's information.