facebook-circle-punched facebook-circle facebook-simple facebook-square gplus-circle-punched gplus-circle gplus-simple gplus-square instagram-simple-circle-punched instagram-circle-punched instagram-circle instagram instagram-simple-circle instagram-simple instagram-simple-square instagram-square pinterest-circle-punched pinterest-circle pinterest-simple pinterest-square tumblr-circle-punched tumblr-circle tumblr-simple tumblr-square twitter-circle-punched twitter-circle twitter-simple twitter-square youtube-circle-punched youtube-circle youtube-simple youtube-square blogger-square blogger-circle blogger-circle-punched blogger-simple icon-search close icon-cart User Profile Membership Settings Play Affinicasts Category Play Dashboard Users Background Jobs Submitted Resources
📝 Help improve Affinicasts by taking a short survey. Add your response

Design a Personal Blog: Create Wireframes

Published on Jul 18, 2018

Having completed our design system we can begin to think about layout and experience. Wireframes are a great way to hash out both of those items.

We are not concerned with look and feel at this stage but rather how one would visit and use our personal blog. The focus will be on hierarchy, form, and function.

Follow along as we quickly draft up a wireframe for our blog index page and our blog article detail page.

Be sure to download the assets if you are a pro or lifetime subscriber.



Affinity Designer

Go Pro to Download Assets


Go Pro to download assets for this video.

Previous Lesson Lesson Index Next Lesson