Jump to content
avo

Web design template for Affinity Designer

Recommended Posts

Hi!

 

I made a simple template for my everyday web-design needs, which i'm glad to share. It contains five pseudo-artboards which are Desktop, Tablet Landscape 1024, Tablet Portrait 768, Mobile Landscape 480, Mobile Portrait 320. They all have semi-transparent grid over them so you can start quick. 

 

I think templates like this are good to emulate artboards untill we have real artboards in AD and are just nice way to start your design projects.

 

Will be glad to know what you think of this template, any suggestions are welcome. Feel free to modify it in any way possible.

AD-Web-Template1.afdesign


Follow me on Dribbble

https://dribbble.com/g-avoyan

Share this post


Link to post
Share on other sites

Thank you, avo, great resource …  :)

 

I took the liberty to add guides to your grid for precise snapping … if you tick “Snap to guides” and untick “Only snap to visible objects” on the snapping panel, you can hide the guides without loosing snapping (and without the danger to inadvertently move the guides) … I did this for myself, but I hope you don’t mind if I share it here …  :)

AD-Web-Template1-With-Guides.afdesign

post-1198-0-70491700-1442405855_thumb.png

Share this post


Link to post
Share on other sites

Thank you, avo, great resource …  :)

 

I took the liberty to add guides to your grid for precise snapping … if you tick “Snap to guides” and untick “Only snap to visible objects” on the snapping panel, you can hide the guides without loosing snapping (and without the danger to inadvertently move the guides) … I did this for myself, but I hope you don’t mind if I share it here …  :)

I dont mind absolutely! Actually this is what i wanted, kinda work on something useful together with community to share experience and just to really find out nice workflows for AD. So thank you! ;)


Follow me on Dribbble

https://dribbble.com/g-avoyan

Share this post


Link to post
Share on other sites

I guess it would be nice to be able to snap to locked objects as well as hidden objects.... I might add that as a feature request for when they do snapping enhancements...

 

 

Thank you, avo, great resource …  :)

 

I took the liberty to add guides to your grid for precise snapping … if you tick “Snap to guides” and untick “Only snap to visible objects” on the snapping panel, you can hide the guides without loosing snapping (and without the danger to inadvertently move the guides) … I did this for myself, but I hope you don’t mind if I share it here …  :)


2017 15" MacBook Pro 14,3 w/ Intel 4 Core i7 @ 2.8 GHz, 16 GB RAM, AMD 455 @ 2 GB, 512 GB SSD, macOS High Sierra

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.