Loading

Wireframe

5 Smart Ways To Wireframe Apps & Websites

September 6, 2018|

We believe everyone can begin their ideas and we will look at 5 smart ways to wireframe apps and websites. Think of it as blueprint, and you are the Architect. So whether you are starting out as a UX Designer, or have an App Idea to get across, we will explain how you can apply 5 smart ways into wireframing your project. 1. Sketch It If you prefer pen and paper, this is the best way to with start any project. Simply draw out a frame of your device and sketch out what you would like to add on in your app or website. Remember to jot your ideas down and comment on it. All you need is a sketch book with pens and pencils. If you want to go all out, I would recommend getting UI Stencils where you can trace outlines quickly and accurately. Also check out the…    read more 

Basic Understanding of Wireframes

May 3, 2016|
Basic Understanding of Wireframes

Wireframes is a term that we use a lot, but do we actually know what it is? Basically, a wireframe is a ‘skeleton’ of your intended web/app product. That means, the mobile app idea you have your mind is materialized in it’s simplest form of pen and paper or nowadays – .png screens. The Process of Wireframing Have a pen and paper? There you have a paper and pen wireframe! You don’t have to be qualified to create wireframes. Although, what you are achieving with this quality is called a ‘low-fidelity’ wireframe. But by drawing out, you get a chance to refine your user journey, and this is crucial for user experience. Take time to test and get some feedback, you never know what you have missed or needed to include in your sketch. With pen and paper, you’ll save a lot before heading towards design and development. Crafting Perfect…    read more 

RAPT: Portfolio Bootstrap Wireframe Freebie

RAPT Bootstrap Wireframe

Hi! Hope all is well with your week. Deploy Apps have been busy churning out design assets for Responsive Web Design, Flat Icons and many more! We are getting up to grips with Sketch 3 – an awesome design tool that simplifies workflow and speeds iteration. A few days ago, we released ‘RAPT’ a wireframe for a One-pager Responsive Website. It’s now on Sketch App Sources with 600+ downloads to date! We hope you will benefit from this wireframe as it is our hope that you will easily prototype websites faster with it. Basic elements such as buttons, headings, picture box are all available for drag-and-drop ease. <img class="size-large wp-image-571 aligncenter" src="https://i2.wp.com/www.destructive pop over here.co/wp-content/uploads/2016/02/RAPT-Wireframe-thumbnail-2-338×1024.png?resize=338%2C1024″ alt=”RAPT-Wireframe-thumbnail-2″ data-recalc-dims=”1″ /> Waste no more time! Download it here: RAPT: Bootstrap Wireframe Thanks and we do appreciate you also take the time and follow us on Twitter and Facebook!

Wireframing for iOS Devices – Free Kit!

October 20, 2015|

Wireframes keep your design focused on the form and functionality of your application. It should point directly clear iOS towards its navigation and organization of information. But building it for your screens can be tedious if you don’t have a quick way of prototyping of having your icons and buttons in place. I decided to create a kit that takes this pain out in a Adobe Illustrator layout. I’ve set the tools – lines, bars, text inputs, icons etc in an order with an iPhone 5s mockup. It took me all night till 3am, but I enjoyed the process and was simply glued to the screen. The icons are provided by freepik – an amazing source of tons of icon! 成果報告 I downloaded the pack, and select the icons that I will be using most of the time. Then, I created basic boxes, ellipses and lines that will be used…    read more