|
Holly Schinsky recommends
Brian Rinaldi recommends
Peter Cooper recommendsby via Mobile Web Weekly
Wednesday, March 2, 2016
This Week in Mobile Web Development (#97)
by via Mobile Web Weekly
Affinity Designer: Can a $25 Vector Editor Really Cut It?
The overall design of your app plays a huge role in its success. It is up to the design team to unleash their creative genius and come up with ann impressive UI.
Conceptualizing and building a professional design are two very distinct things. In order to build a good design, the artist must feel comfortable with the tools in front of him.
For a long time, the industry standard has been the Adobe stack (Photoshop, Illustrator etc). In this article, I will be taking a close look at a modern new alternative to these classics.
Introduction
Affinity Designer is a professional graphic design app for the Mac. It is comparable in many ways to Adobe Illustrator and Sketch app thanks to its vector editing heart.
However in contrast to the much busier, classic Adobe Illustrator UI, Affinity employs a clean, modern, intuitive interface, making it easy to learn and very beginner-friendly.
A huge upside is Affinity's business model. There is a good trade off between power and price. You can get a license for USD $24.99!
The UI
The UI of the app is very similar to what we see in the Adobe package or Sketch App. It sports a top toolbar, two side toolbars, the working canvas and a thin hint bar at the bottom of the page.
The top bar in itself is divided into three main sections:
- The Persona toolbar
- The default functionalities toolbar
- The context toolbar
The Persona Toolbar
The persona toolbar is a key concept and a feature that distinguishes Affinity Designer from other apps out there. Personas are used to easily and quickly switch between sets of tools and functions, based on what your objectives are. There are three personas at the time of this writing:
1. The Draw Persona
It changes the UI so it serves useful tools to work on creating or modifying vector graphics.
2. The Pixel Persona
Pixel persona allows you to edit your vector drawing based on pixels. Tools such as brushes, retouching tools, and pixel selection tools will be available to you.
3. Export Persona
The export persona is used to output entire layers, groups, objects or regions as graphics in your chosen format.
Personas make it very easy to find the tools you need. Every time you access a persona the left toolbar changes, offering other functionalities and tools based on the currently active one.
The Default Toolbar
The default toolbar keeps the most common tools. Such as: *Buttons - that allow you to switch between standard or retina viewing modes.
- Object controls for ordering (bringing forward or backward etc.)
- Transforming(rotating)
- Aligning
- Snapping
- Combining
- Targeting
The Context Toolbar
In the context toolbar, the different options change based on the currently active tool or functionality you have chosen. The dynamic UI makes it very intuitive to find what you are looking for without going in too deep in menus and submenus as you might traditionally expect.
The hint bar
The hint bar is located at the bottom of the page. It saves a huge amount of time by providing tips and shortcuts based on the functionalities, tools or options you have hovered your mouse over, or selected.
Continue reading %Affinity Designer: Can a $25 Vector Editor Really Cut It?%
by Mateo Prifti via SitePoint
Verb
'Verb' is a minimal One Page WordPress theme with a centrally divided layout. Meaning you can have a beautiful image (or slideshow) on one side and on the other, your text with a neat customisable call-to-action button. Features include a gorgeous responsive fluid design, unlimited slideshow background images, 21 SVG social network icons and an additional "page template" for legal/impressum text. What's great to know is Verb has such an easy-to-use setup all within the WordPress theme customizer including live editing preview.'Verb' is the second of Currl's "Personal Theme" range of One Page WordPress themes.
Use the coupon VERBLOVE for 20% off Elon - an OPL reader exclusive:)
Use the coupon VERBLOVE for 20% off Elon - an OPL reader exclusive:)
by Rob Hope via One Page Love
Using C and C++ in an iOS App with Objective-C++
In my previous tutorial, I discussed how to develop Android apps in C or C++ using the Native Development Kit. In this tutorial, I’ll introduce how to use C or C++ together with Objective-C in iOS. Unlike Android which needs a special API (the NDK) to support native development, iOS supports it by default. C or C++ development is more straightforward with iOS because of a feature called ‘Objective-C++’. I’ll discuss what Objective-C++ is, its limitations and how it’s used for building iOS apps.
Continue reading %Using C and C++ in an iOS App with Objective-C++%
by Rico Zuñiga via SitePoint
Armor
Long scrolling One Pager for Philadelphia-based digital agency Armor. Nice touch with the device outline animation on page load and I'm a big fan of these conversational contact forms. The gradient change as you scroll was difficult to capture with this long screenshot, so make she you browse the real thing.
by Rob Hope via One Page Love
OrgChart – Organization Chart Plugin with DOM and jQuery
OrgChart is a simple and direct organization chart plugin based on pure DOM and jQuery.
by via jQuery-Plugins.net RSS Feed
Do More With Less Film
Lovely big imagery in the One Pager promoting an indie film called 'Do More With Less'. The arrangement of the content around the images works so well and the header image choice is just perfect.
by Rob Hope via One Page Love
Subscribe to:
Posts (Atom)