Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

Web design template for Affinity Designer


avo
 Share

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

Link to comment
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

Link to comment
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

Link to comment
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 …  :)

2021 16” Macbook Pro w/ M1 Max 10c cpu /24c gpu, 32 GB RAM, 1TB SSD, Ventura 13.1

2018 11" iPad Pro w/ A12X cpu/gpu, 256 GB, iPadOS 16.2

Link to comment
Share on other sites

  • 3 months later...
  • 9 months later...
  • 4 weeks later...
  • 4 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. 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.