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

2018 11" iPad Pro 256 GB, latest iPadOS public beta

Share this post


Link to post
Share on other sites

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...

×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. 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.