Search the Community
Showing results for tags 'Grid'.
-
When in Affinity Designer I choose to snap to grid only, I expect my elements to snap to the horizontal and vertical grid intersections only. However, when dragging a rectangle for example, it vertically snaps in the middle of two grid lines. Especially with text frames, the bounding box or baseline snaps in between the grid lines, sometimes between pixels. I find this very annoying. It takes more time to get things precisely in place. Can someone explain to me why that is happening? See the video’s I’ve attached that Illustrate this behavior. AD-snap-to-grid-only-text.mov AD-snap-to-grid-only-rectangle.mov -
Hello, As part of an ongoing research to baseline grid composition, my colleague and I recently made Fitbaseline, a calculator that distributes the baseline grid over the document height. This is especially convenient when designing a document with fixed sizes (for example in print) in which you want to evenly distribute the baseline grid. Although we developed a version that applies the calculation automatically for Adobe InDesign, the online calculator is application agnostic so it can be used with Affinity too. However, it would be great to see this concept implemented in Affinity applications such as the upcoming Publisher. I'll make a feature request for this soon. Looking forward to hearing your thoughts! Bauke
-
Is there any way to add an outer margin to grids in Affinity Designer latest 1.5.2.58? I have a 1440 pixels grid setup and I just want to add like 30 pixels of outer margin to each side and shift the start point of the grid over with it. Any way to do this using the Grid and Axis Manager or some other way?
-
Hi, The current grid system is nice but I think it could go a lot further. Subform is a new UI tool and they seem to have an interesting approach to grids. Flexible (responsive) Informal (quickly experiment with layouts or place elements) Two-dimensional Create sub grids in any element They are focused on web design but from my experience it could also be really useful for print design. https://medium.com/subform/better-grid-systems-in-ui-design-tools-495dc35c5791#.ypl7b880e
-
- 3
-
-
- grid
- affinity designer
- (and 2 more)
-
Hi all I have released a Boostrap 4 Grid Template for Affinity Designer. It includes columns, gutters as well as guides and some more stuff. This should hopefully help when setting up a new Bootstrap 4 project in Designer. I hope you find this useful, let me know if anything is missing. Cheers Alexander
- 10 replies
-
- 13
-
-
- bootstrap 4
- bootstrap
- (and 4 more)
-
we wish : Circular Grid's Options , Meshes.
JURI posted a topic in Older Feedback & Suggestion Posts
we WISH : Setup for : CIRCULAR Grid's to producing circular steps and grid snap. :) thnx -
I'd like to be able to open the Guides manager and have the option to select from available guides and have them automatically added to the document or artboard. i.e. add guides and I can choose 960 grid 12 columns, 960 grid 16 columns or similar. Ideally being able to set column and gutter width would be great. -
Hi all, I figured out a way to configure a centered grid design in Affinity Designer, with a custom number of columns and gutter width. Below is a spreadsheet to calculate the required values. If you make a copy of the file to you Google Drive, you can edit the values. https://docs.google.com/spreadsheets/d/1imTD6Ao3OJyS0_E-fnHTr5l9GKG9zulM4uIutVZGAnE/edit?usp=sharing Example values for the calculation: Grid width: 1170 px Nr of columns: 12 px Column width: 97.5 px (= grid width / nr of cols) AD Gutter: 30 px AD Spacing: 67.5 px (= col width - gutter) AD Document width: 1335 px (= 2*spacing + gutter + grid width) Here's how you would use these values in AD to set up your grid. Create a new document, use the calculated document width, 1335 px in this example. Go to the View menu, enable 'Show Grid' and open the 'Grid and Axis Manager' Apply this grid manager configuration: - Untick 'Use automatic grid' - Select 'Advanced' mode - Untick 'Uniform' under 'Grid type' - First Axis spacing: 67,5 px - First Axis gutter: 30 px - Second Axis spacing: 1000px, for this example we use the document height but you can use any height you like Add guides to the left side of the first and last gutter. Go to 'View' - 'Guides Manager' Add half the gutter width to both guides by appending '+15' and pressing enter. This should be the final result. You will end up with two additional columns on the left and right side of the document. The reason for this is that there is no way to have a margin on the left side of your document using the grid setup. By following this tutorial you end up with a document that contains 2 more columns, but you simply do not use them. In the export persona, you can easily set the slice to export only the part of your design you need. In the screenshot below, I've marked the area you actually use. Of course there is an example .afdesign file to save you the trouble ;) centered 1170 px 12 col grid kareldries.afdesign
-
Hi. I'm doing some isometric stuff with the grid tool on Affinity Designer and when I fill the shapes it leaves very small white gaps between the shapes. They even print on to .jpeg images when exported. How do I get rid of them? I have the snap to grid-option selected in the Grid Manager tool. Thanks!
-
I try to setup my AD to be forced integer position (just like the Slice in Export Persona) but when I drag around, I will get x.5 x.3 and etc.. Please help me.
-
Hi everyone, is there a possibility to set the starting point of a grid to the border of the document? In my specific case I need to have a grid with 4mm spacing and a border of 10mm at all sites of the sheet. Can I move the gird in that direction that the grid lines are lined up with the left a top border? thank you
-
Letters with a round form should extend past the grid line (see 2.png for correct alignment). AD aligns the rounded forms to the baseline instead (3.png). Grid 8 / 2 Text field height: 24 Leading/Baseline: 16 (illustrator) -4 (AD) I might be doing it the wrong way, so if there's another way of doing it, let me know.
-
Hello everyone, I have created several symbols in my AD document so I can test different color schemes in UI mockups. However I noticed that when I drag them into the canvas/artboard they do not snap to the pixels grid, becoming very fuzzy. Only if I release them and then start dragging again they will then start to snap to objects and moving pixel by pixel. It would be cool if they snapped to the pixels grid as soon as they are dragged onto the canvas so I can make quick drag and drop without having to realign them later. The three pixel alignment toggles at the top bar are on. -
I want to set a magnetic grid to allow for a drawing of horizontal, vertical AND diagonal lines resulting in equal looking round edges / curves. How to set this up? Here is a small part of a map I'm about to set up - and what I'm aiming at and about how it should look finally
-
I've changed the color and alpha in the settings for Grid and Snapping Axis on Affinity Designer for Windows, and I'm unable to reset them back to factory default. Could you please give me the default RGB and Alpha values for the primary and secondary grids? Thanks! -
Hello I am used to Serif for Windows. Before I bought Affinity I was using Serif V8. I design sewing patterns that need to be accurately sized. In Serif I could set the grid to 1" with 1/4" subdivisions, and the grid would open on every new document without me having to change anything. I cannot see how to set this in Affinity. Is there a way? I've worked out how to set the grid to the measurements I need, but I cannot see anywhere that I can set this as the default for all new documents. Every time I create a new document the grid is invisible and when I tick it in the dropdown menu it has switched back to automatic and changed the default square size back and I have to reset it from automatic and select the advanced option before I can see my preferred grid style. The only way I can work round this at the moment is to save a document with the grid switched on and set to the defaults I require, and open this and do a save as for any new documents. Surely there must be a better way? Thank you for any help you can give. -
First of all, I think the Constraints feature is excellent, every other design app is missing this feature (except SubForm but it's still in development). Constraints needs to be taken a step further for affinity to really rule the web and app design community. What we need to add is breakpoints for element reflow. Programs like Photoshop and XD still require us to design separate artboards for each breakpoint, and while the constraints-feature is good, it doesn't solve the need for elements in the design to reflow according to the artboard's width. So, while I can make fewer artboards in Affinity, I still need to make at least 3 or 4 to demonstrate to my developers how I want the elements to reflow from 1080p down to mobile. Adobe Edge Reflow came close to tackling this, but it was scrapped and they don't seem to have included it in XD yet. I'm talking about elements on the screen behaving like justified text, so the artboard's width decides wether items will "jump" to the next row below or back to the row above according breakpoints set in the horizontal ruler and min/max widths set in the constraints for each item. I imagine this means constraints need to be set on single elements that can be grouped, then those groups can have constraints added to respect columns (like the Bootstrap grid), and finally the groups can respect overall breakpoint constraints. My mind boggles a bit at how to solve this in the app UI, but I'm sure it's possible. -
Ok, so one of the paramount useful features of Sketch is layout grids. Being able to define a layout grid with columns and gutters without resorting to a mess with guides is great. I believe the Affinity could improve greatly on the Sketch grid, so here is my proposition for the improved layout grid and thoughts on how it could interact with the constraints feature that really needs to be fleshed out as well. First of all Affinity Layout Grid Create Movable grids with columns and gutters Grids should be resizable but should keep their ratios Support for breakpoints in grid definition, eg. the same grid should switch to mobile view if resized smaller. Padding around the grid should be separated from gutter values. Support snapping Support nameable size ranges (breakpoints) (eg. define XL as a range, L as a range etc.) Affinity Improved Constraints Support fixed distance padding eg. 20px manually entered Constrain to columns from the layout grid Support and remember breakpoints when constraining to layout grid Toggle visibility based on layout grid range Reflow text options Support minimum flex, (eg. resize with this untill this unit is 100px wide) support Div flowing, when resized smaller than minimum flex, reflow other objects as divs would. Support different symbols based on layout grid range, toggle to replace an area with another symbol when going down to small views I'd love to see any number of these features implemented, with things like this we could actually create responsive flexible layouts that would be able to be resized instead of creating multiple views for each page.- 7 replies
-
- 4
-
-
- layout grid
- ui
- (and 4 more)
-
Hi there. Thanks for a neat piece of software... I love how it will take raw files (Panasonic) and use them for panoramas... still yet to try the other features. Ok.. Loaded 11 Panasonic .RW2 Panorama assembled. Grid-lines selected from 'view' Using the 'thumbnail image' to move around the main image to look at details. And then the crash message as you see below: 0x0000005 No Crash Reference dialog appeared when Affinity restarted.
-
Hi there, I've seen you've introduced the constraints feature in AD 1.5. But I don't like to align each element in the goddamn manual layout. Can you please add an option to start designing mobile or web applications using indirect manipulation using different kinds of layout? Vertical Layout, Horizontal Layout, Stacked Layout, Floating Layout. At the moment, as far as I understand, the layout used by AD is a Floating Layout (free layout), which is great for creative designers. Helps you to iterate better over those designs. But a professional UX/UI Designer doesn't want to loose his time dragging around stuff or creating grids just to can snap those elements to them. That's stupid if you ask me. And innacurate. Here is a UI scenario which is easily created with Antetype: 1 create screen 2 setup the grid inside the screen artboard: 2.1 add status bar for 20 px at top 2.2 add 3 elements with equal heights below status bar (100% height each, share the height space equaly) 3 add widgets inside those 3 grid elements 4 decided that I want the first element smaller 5 select it and make it 15% instead of 100% height (~33% because they share equal height) 6 the rest of the elements should be heigher (~42% each), while the first element should be 15% height now. Finished in 2 minute. Sent to the Client. This kind of stuff you can not do in AD. You have to constantly drag things around and you are not entirely exact. It is good, better than Photoshop but IMHO it's still Photoshop or Sketch. When you add these layout permitting to control an entire flow using mostly indirect manipulation magically aranging the other stuff around then this tool would be the best in the market. Until then, for me it's Photoshop, and I am loosing time while using it. I'm using AD only for Graphic Design stuff but I'll be glad to work with some Layout Managers in AD and move from Antetype. I've uploaded some pictures with the things that Antetype has but Affinity Designer doesn't which are a deal breaker for me. check their file names. PS: I'm to busy to set each and every constraint for a Rectangle and drag it around. :)
-
I've been toying around with the Grid and Axis Manager, and I cannot figure out what the third axis, the "Up axis" is doing. I cannot find any configuration that actually lets me manipulate any of the fields, which makes me question its existence in the first place. Also, sometimes there is a yellow warning sign without any further explanation as to what might be the cause of the warning. I've been rummaging through the help, but I couldn't find any detailed explanation. Cheers
-
Hi all, Sorry I'm about to ask a very basic question but I haven't found quite what I'm looking for in the forums or in the tutorials. I have limited knowledge of graphic design programs (just bought the new Affinity Designer work book though!). All I'm looking to do is create some template documents that can be used to create tags for a retail store. I have just been using msft Publisher in the past, but wanted to try it out with Designer. And I would prefer not to purchase an InDesign license at this time. What's the easiest/best way to separate a letter size document into segments (ie. add guides to the document showing 4 quarters). I was trying to set the margins, etc but there's gotta be an easy way to adjust the grid or margins to show on the document? Sorry for the simple question! Thanks, T -
Hello, I love artboards in Designer. I would suggest though an option to enable grid-snapping for artboards, independent of object snapping. I guess most people don't require fine-tuned adjustments of their artboard layout. Currently, it seems I need to enable snapping, only to arrange them, e.g. horizontally or vertically align my artboards. The fact that they snap even to objects in other artboards complicates this further. I apologize if this is already a feature, in which case I'd like to know how to enable it :) Best Regards, John -
Hi, I'm missing the ability to constrain or define a grid with a document size or within the margins. -
Is there any way to use 960 grid system on Affinity Designer? If so, how?
