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

PRO
Published Jul 18, 2018

A great personal project to take on is blogging. An even more fun project is to design your own blog.

Whether you're a seasoned pro or a novice designer it can be a great challenge to design for yourself. Expressing your own interests in design as well was words makes creating a blog a very personal work of art.

This course is geared around designing for a real-world blog of which will feature bold color, typography, and imagery. We will do things in a scalable fashion by creating a design system, a set of preliminary wireframes and finally rounding out with both a desktop and responsive mobile design.

Follow along as we work inside Affinity Designer using powerful features such as constraints, artboards, text styles, color palettes, and so much more.

Be sure to download the assets if you're a pro or lifetime subscriber. You can find the assets below each video for download when subscribed.

Design a Personal Blog Index

Course Index
FREE
Jul 18, 2018
Lesson 1
118 views
Get a glimpse at what we will be building in this course using Affinity Designer. This personal blog will be a great way to practice designing for your own blog or website using Affinity Design...
FREE
Jul 18, 2018
Lesson 2
58 views
Design systems are a great way to establish a look and feel in less time than it takes to design an entire web page mockup. Currently, these systems are all the craze because the components involve...
FREE
Jul 18, 2018
Lesson 3
44 views
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...
PRO
Jul 18, 2018
Lesson 4
33 views
Our personal blog needs a compelling home page to both to attract attention as well as invite visitors in for more. The page will feature global navigation, links to other places we have a presence...
PRO
Jul 18, 2018
Lesson 5
25 views
The detail article page of our personal blog design will be the primary focus for those interested in reading what we have to say. These pages house a single article as well as it's metadata. O...
PRO
Jul 18, 2018
Lesson 6
32 views
Interior pages of the blog make things easier for visitors to traverse through what could be a sea of articles. Using Affinity Designer we will design our About page, Category page, and Contact pag...
PRO
Jul 18, 2018
Lesson 7
42 views
What good is a blog/website if you can't view it on any device you want? At Affinicasts we spare no details so of course, the personal blog design will also feature a responsive version for mobile ...
PRO
Jul 18, 2018
Lesson 8
55 views
Rounding out the course we tackle the category, about, and contact pages once again but this time for mobile! Watch as I translate our desktop designs into mobile versions with a few clicks and opt...