image-4804.jpg
Web design

The Top 100 Design News Links in 2014

Throughout 2014, I posted a weekly set of interesting design-related links from around the web. As we close out the year, I wanted to take a look back at some of the best resources from these posts. From great responsive web design tools to silly GIF utilities, here are our top 100 design news links from 2014. Enjoy, and be sure to leave a comment and let us know what you’d add to the list.

Design Apps & Collaboration Tools

1. Asana Desktop, Tablet & Mobile Apps

Asana is a super helpful project and team collaboration tool. They added great iOS apps to their platform in the fall of 2014.

2. Zeplin

A new collaboration app for UI designer and front-end developers.

screenshot

3. Apple TestFlight

TestFlight is a new free app that allows app developers to invite you to beta test their apps on your iPhone, iPad, or iPod touch. Once you join a developer’s beta test through email invitation, TestFlight makes it easy to install and update new beta versions as they become available.

4. PageLayers

An awesome website screenshot app for Mac OSX that converts web pages into PS files with separate layers for all page elements.

5. Affinity Design

After 4 years in the making, this vector art creation software has just launched! It’s only and available in the App Store.

screenshot

6. Mitya App

A new interaction prototype tool, available for .

7. Team Reporter

Cut down the amount of meetings with this team update too.

8. LayUp

LayUp is a collaborative project between Khoi Vinh and Adobe. It’s a new iPad app that plans to turbo-charge the brainstorming phase of the design process (and will play nicely with Adobe’s marquee apps, too).

9. HR Mac App

Download a free app that will help you track time spent on individual tasks and freelance projects.

screenshot

10. Sketch to App Store

Generate images ready for the App Store directly from Sketch. You’ll save a ton of time with this tool, which exports images for all iPhone sizes.

Icon Resources

11. Animate SVG Icons

Download the kit and learn how to animate SVG icons with CSS and Snap on CodyHouse.

12. Make App Icon

Drop your design file in the on-page toaster drop zone, and this convenient service will generate all of the app icon sizes you’ll need for your app!

13. Anicorns

A library of animated icons by Sebas and Clim.

screenshot

14. Bootstrap Icon

A cheat sheet of all existing Bootstrap icons.

15. Marka

A collection of beautiful icon transformations, Marka can make your transitions between icons and shapes in code look amazing.

16. iOS7 Icon Template

Everything you need to design iOS7 app icons.

17. Iconogen

Easily generate all of the nice site add-ons like Faceicons, Windows tiles, Apple Touch icons and iOS icons too.

18. Map Glyphs

This is the ultimate css map font, which contains 301 scaleable vector map icons of the world, continents, globes, countries and states in a single font.

screenshot

19. Ramotion Realistic iOS App Icons

Browser an inspiring collection of realistic app icons made by the folks of Ramotion. This is a great rebuttal to the current flat design trend.

20. IcoMelon

A modern svg icons library for the web.

Design Community Platforms

21. OpenDesign

An initiative to get more designers involved in the open-source movement.

22. Dribbble Meetups

Dribbble has created a section on their site to manage the ever-growing number of global meetups. If you want to host your own meetup, there’s a form for that too.

23. Mix by FiftyThree

A new platform from the makers of the Paper app, that encourages users to create new visual work, learn together, and practice with templates. The community site has the following sections to dig into: Learn, Sketch, Play, Write, Design and Think.

screenshot

24. Skillpocket

Get one-on-one advice from expert professionals in your field. App available for iPhone.

25. DesignedIn

DesignedIn is an exclusive community platform where design students, alumni, faculty and employers come together to learn, teach and work on real-world projects in an effort to place students into jobs after college. It reached its goal on Kickstarter, so expect the platform to ship in the near future!

26. Faluta

Trade billable hours with other creative professionals who have skills that compliment your freelance projects. Join a community where you can pay other creators and get paid.

27. Ocean

Join a community of designers who are sharing real feedback on each other’s design projects.

28. The Meetup Guide

Crafted with care by designer Ciera Holtzenhal (a member of the Creative Market community), The Meetup Guide is the quintessential, affordable bundle resource that contains documentation and assets that’ll help you create, plan and host a local event series.

screenshot

29. CMX Summit

A new summit series that explores the business value of community building. This one’s for all the community champions out there!

30. Start-up Genome

Explore the start-up community where you live.

User Experience Best Practices

31. UX Companion

A handy glossary of user experience theories, tools and principles — all in a tidy little iOS App. Download in the App Store.

32. BUX

A directory of better user experience tools.

33. UX Design Weekly

Subscribe to this email newsletter that hand picks a list of the best user experience design links for you each week.

screenshot

34. UX Kits — 5 Lessons Learned

Read a nice blog post from CM shop owner UX Kits about how they crafted their strategy for selling digital assets.

35. UXPin

An app that makes designing quick and easy through wireframe and modules.

36. Job Stories

Explore a refined process to replace Personas and User Stories when conceptualizing digital work.

37. User Onboarding

Learn the flows for how popular web apps onboard new users. Explore first-time UX teardowns of apps like Inbox by Gmail, Yo, Asana iOS, Basecamp and many more.

screenshot

38. Design Details Podcast

Starting in January 2015, each show will be a 30-60 minute conversation with design leaders in the community.

39. Six UX

A collection of awesome six second transitions and animations found within apps.

40. UX is not UI

Erik Flowers posted an article two years ago about how UX is not UI. He had numerous request for a single page, 2-column comparison document of UX vs. UI.

iOS Resources

41. Teehan+Lax iOS8 GUI PSD

Teehan+Lax are back with their latest free PSD download that contains all of the GUI elements found in the public release of iOS 8.

42. Prott

Rapid prototyping for iOS. Capture an idea, add animation, sync multiple screens in realtime and preview your work in progress with others! Available in the App Store.

Prott

43. iOS Human Interface Guidelines

Available in the iTunes store, grab this free iBook and learn how to create superlative user experiences that are founded on Apple’s design principles and guidelines.

44. iOS Design Guidelines

Explore extensive guidelines created to facilitate iOS design by Ivo Mynttinen.

45. Capptivate

A beautiful iOS UI animation library.

46. DesignCode.io

Learn iOS design and Xcode at the same time. Build a news reader app from Sketch to the App Store.

47. Retinize.It

The best Photoshop action out there that helps designers prepare assets for iOS or optimize them for retina-display websites.

Retinize

48. iOS UI Kit Actions for Photoshop

Jérémy Paul has created a fancy set of actions that lets you create entire interfaces in just a few clicks in Photoshop. He included tons of options for iPhone 4, 5, and 6, and an exhaustive user manual to boot.

49. Execute iOS

Get educated about what it takes to develop iOS apps by Josh Long and Sam Soffes.

50. iOS Goodies

A massive archive of resources specifically collected about iOS. Plus, it’s updated weekly!

User Inteface Resources

51. uilang

Have a look at a minimal, ui-focused programming language for web designers. Simple insert uilang.js in your page to build interfaces such as popovers, tabs, galleries, overlays and more. No programming experience is required. By Benjamin De Cock.

screenshot

52. UI Origins

A nice little round-up of origin stories of common UI elements.

53. Web UI Design Best Practices

Full of examples and analysis of best practices by 33 tech companies, this eBook shares valuable insights into great UI design practices by the experts.

54. iOS 8 UI Kit for Sketch

Explore a generous portion of UI elements created by—from the starting point of the popular Teehan+Lax iOS resources — repurposed and extended just for users of Sketch.

screenshot

55. Web UI Design Patterns

Dig into this free ebook by UXPin that explores trends and best practices of user interface design patterns in 2014.

56. TabPatterns

A collection of UI design patterns found in Tablet experiences.

57. The Origin of the Hamburger Menu

Ever wonder where the Hamburger Menu came from? Dig into this Evernote conversation between Norm Cox and Geoff Alday to have a look at the history of this modern UI element of controversy. Yep, it goes all the way back to 1981.

58. How Now Web Cow

An upcoming tutorial site that plans to offer lessons about building websites and interactive UI design projects, produced by Noah Stokes of Bold.

screenshot

59. PS Actions for iOS Design

A PS action set to quickly build iOS UI.

60. Bootstrap 3 Vector UI Kit

A free collection of all the Twitter Bootstrap 3 UI controls.

Gifs! Gifs! Gifs!

61. Yix.Io

A new animated gif group competition app called Yix that you’ll love playing with your friends.

62. Gif Pop!

Make custom physical gif cards through the lenticular printing process.

63. Generate Gif

Do you love Sketch App and animated gifs? Well, now you can combine the two with this nifty plugin, that empowers you to generate animated gifs from a sequence of art boards in Sketch.

screenshot

64. JIF/GIF

A modest proposal by Andy Baio in which he attempts to define ‘JIF’ as the format and ‘GIF’ as the culture.

65. Giffer App

Whatever kind of animated gifs you like, now you can quickly and easily create or collect them on the go with this awesome iPhone app.

66. GIF Brewery

Designed and offered exclusively for Mac OS X, GIF Brewery lets users convert brief clips from video files into GIFs and offers a ton of editing controls too! Now you can start GIF’ing away at work.

67. PopKey

It’s hard not find this funny. PopKey is planned to be the world’s fist animated GIF keyboard. Who needs talking when you can communicate with an animated clips from your favorite movies?

PopKey

68. GifWit

Organize and search your favorite gifs on the internet, and paste them directly into your preferred apps to share them quickly!

69. GifDeck

Convert your SlideShare Decks into wonderful animated gifs.

70. Recordit

A free Mac app that helps with screencasting. Includes gif support too!

Color Tools

71. Adaptive Backgrounds

A nifty jquery tool that pulls the dominant color from an image to display it as a background element on a web page.

screenshot

72. Color Explorer

A variety of free tools for working with color.

73. Flat UI Color Picker

Explore curated hex color codes by hue collections for flat-based UI design work.

74. Skala Color

An extraordinary Mac-based color picker app for designers and developers.

75. The Day’s Color

Enjoy a color digest blog that presents a fresh palette every day of the week. Each palette offers 7 colors — 5 primary hues on top of 2 background colors.

76. Colorful CSS Gradient Generator

Create beautifully blended css hues with this handy generator.

screenshot

77. CMYK Playing Cards

A very cool concept that uses playing cards to show the tiers of opacity of primary paint colors.

78. The Colors of Motion

Browse color palettes created by using an algorythm that compiles the most commonly used hues found in scenes from popular films.

79. Prisma

Synchronize colors between all your Photoshop design with this handy plugin.

screenshot

80. Brand Colors

Not sure what the hex color is of a particular brand that you’re using in your project? Have a look at this archive to find hues for many popular brands.

Responsive Resources

81. Macaw

The premier responsive web design tool launched this year, and updated to new versions with more features too!

82. Skala Preview

A tool by Bjango that helps designers ship responsive projects across desktop and mobile.

83. Responsive Web Design Podcast

A brand new podcast launched this year, co-hosted by Karen McGrane and Ethan Marcotte. In each episode, the hosts interview people who make responsive redesign projects happen.

84. Duo

A responsive web dual-panel browser app that helps designers see multiple viewports while creating responsive design work.

screenshot

85. Responsive Email Patterns

A collection of patterns and modules for building excellent responsive emails.

86. RQRWD

An essential Percentage to Pixels (and vice versa) tool for planning responsive web design.

87. Lemonade

If you’re in need of a responsive grid system, then try Lemonade — a customizable grid made with SASS.

screenshot

88. Liquidapsive

A small education site that visually demonstrates the differences between static, responsive, adaptive and liquid website formats.

89. Foundation 5

Zurb launched it’s 5th edition of their popular responsive framework.

90. Responsive Comments

A client-side responsive solution for conditional loading of comments.

Font Resources

91. Font Face Ninja

Discover what web fonts are being used across your favorite websites with this handy tool. It’s free, and comes as a bookmarklet, Chrome extension or Safari extension.

screenshot

92. Typecase

Select the fonts of your choice, and render a live type specimen test sheet in html for your web project.

93. Typ.io

Screnshots of fonts used in visual examples, and links to purchase them.

94. iOS Fonts

Browse and tes drive all font options available for use in iOS projects according to device and OS version compatibility.

95. FontShop WebFonter

A new tool by FontShop that lets users test fonts right on their website.

96. Typewolf

A curated collection of font usage examples found in modern web design.

97. Handmade Font

An incredible font store full of unique, photographic-based 3D display lettering assets for sale.

98. Brick

Explore a selective catalog of web fonts that render well in the browser.

99. OpenType Cookbook

A personal project that Tal Leming has created based on experiences of developing OpenType features back in 2003. The OpenType Cookbook helps designers learn and apply the features that designing fonts in OpenType can provide.

screenshot

100. Fave Typefaces by Lead Designers

A simple post on TypeWolf that shares the top 3 favorite fonts of popular designers.

Advertisements
Standard