If you like DNray Forum, you can support it by - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 and more...

 

Configuring InDesign for Web

Started by CoreyFran, Aug 06, 2023, 01:13 AM

Previous topic - Next topic

CoreyFranTopic starter

Can you assist me with this query: how do I configure InDesign for website work?
When I create a new dоcument and choose "Method: Web," it displays all measurements in pixels. At first glance, everything looks fine, but the objects I draw are sized at 72 pixels yet appear as 96 pixels on the screen. Here's an illustration highlighting the object size:

It appears that there might be a dоcument resolution setting somewhere, but I cannot locate it, even though I have thoroughly searched through all the settings.
  •  


arold10

To configure InDesign for website work, you can follow these steps:

1. Create a new dоcument by going to File > New > dоcument.
2. In the New dоcument dialog box, choose "Web" as the intent.
3. Set the page dimensions according to your requirements, such as width and height in pixels (e.g., 800px by 600px).
4. Under the "Units & Increments" section, make sure the units are set to "Pixels."
5. Click on "Create" to create the new dоcument.

By following these steps, InDesign should be configured for website work with measurements displayed in pixels.

Regarding your issue with object size, it is possible that the discrepancy you're seeing is due to pixel density or scaling settings on your display. InDesign typically displays images at 72 pixels per inch, but if your screen has a higher pixel density (such as 96 pixels per inch), objects may appear larger on the screen.

Unfortunately, there isn't a specific dоcument resolution setting in InDesign, as it primarily focuses on layout design rather than pixel-based graphics. However, you can adjust the display performance settings within InDesign to optimize the display of pixel-based graphics.

To access the display performance settings, go to Edit > Preferences > Display Performance (Windows) or InDesign > Preferences > Display Performance (Mac). From there, you can adjust settings related to GPU acceleration and display quality, which might help improve how objects appear on your screen.

If you're looking for more specific guidance on using InDesign for website work, here are a few additional tips:

1. Use the Pixel Preview Mode: InDesign has a pixel preview mode that allows you to see how your design will look on screen. To enable this mode, go to View > Pixel Preview.

2. Set Export Options: When exporting your InDesign dоcument for web, make sure to choose the appropriate settings. Go to File > Export and select the desired file format (such as JPEG or PNG). In the export options, you can specify the resolution (typically 72 ppi for web) and other settings like color space and compression.

3. Optimize Images: If you're including images in your web design, it's important to optimize them for the web to ensure fast loading times. You can use image editing software like Photoshop to resize and compress images before placing them in InDesign.

4. Use Web-Safe Fonts: Unlike print design, where you have more freedom in font choices, it's important to use web-safe fonts for web design. These are fonts that are widely supported across different operating systems and browsers. InDesign provides a list of web-safe fonts that you can choose from.

5. Test Responsiveness: InDesign doesn't have built-in responsive design features like dedicated web design tools, but you can simulate responsiveness by creating multiple layout variations for different screen sizes. You can use the Liquid Layout feature in InDesign to create alternate layouts and adjust content based on different screen sizes.

Remember that while InDesign can be used for basic web design, it might not offer all the advanced functionalities and interactivity options of dedicated web design software like Adobe XD or Sketch. So, consider your design requirements and explore other tools if needed.
  •  

lazy1boy

If you ask me, the most effective solution in this situation would be to simply double-click on the "lens" (the scaling tool) and everything will align perfectly.

One option you can try is to explore the settings menu (in Photoshop, it's under preferences/Units&Rulers). Unfortunately, I don't have InDesign, so I can't provide more specific instructions.

Make sure to look for the desired setting within the program settings and not within the settings for a new dоcument.
  •  

NoleOwege

It's not a bug, it's a feature of InDesign. When you view A4 on the screen, it's meant to look like A4 when printed, hence the 100% size. However, the question remains as to why this is not disabled in web dоcuments.
  •  


If you like DNray forum, you can support it by - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 and more...