InDesign for Website Mockups

Does InDesign lend itself well to creating website mockups? Does it have any plugins or connectors suited for creating wireframes for Web, Mobile and Tablet? Thanks.

If you really are working on a static design and are not coding, InDesign lets you setup a document for web intent where the page dimensions are set as pixels and the color and transparency blend space setup as RGB. So it depends where you are more comfortable and what you are trying to do—if I'm setting type and laying out a grid I prefer to be in InDesign.
If you are using OSX you might look at this AppleScript, that opens a layered InDesign page into a same layered Photoshop image—so you can start in ID and move to PS:
http://www.zenodesign.com/forum/PageToPSLayersV6.zip
Here's the thread on its usage:
how to export indesign layers to photoshop layers (same structure)
Also the latest version of InDesign doesn't have an easy way to view monitor to image pixels at 1:1 (the equivalent of Photoshop's 100%), so check this thread, which has both Apple and JavaScripts for setting your view preferences:
InDesign CS6 resolution for pixel documents not the same

Similar Messages

InDesign for wireframing websites?

Do any of you use InDesign for wireframing websites? I need to create a wireframe for a site. I was all prepared to do it in Fireworks. Fireworks has some fantastic features, but I need better PDFs than what it can export. (I tried every setting I could think of but PDFs created from my wireframes always looked fuzzy -- I guess Fireworks can't export vector into a PDF.) So next up: I was considering Illustrator. Then, I saw something on InDesign Secrets about how some folks use InDesign for wireframing. And I do know InDesign better than Illustrator. So wondering if I should try it that way. Do any of you use InDesign for that purpose? If not, got any recommendations for software for wireframing (something that will give me better PDFs than Fireworks)?
Thanks, Phyllis

Hey Phyllis!
So recently I've created a REALLY basic wireframe using InDesign. I basically created the visual direction so my client could easily understand how the Web site would flow. In other words, boxes with page names and lines connecting them. It can be really simple if all you're trying to do is show the site's direction.
From there, we will create the in-depth visual layout for the splash page, home page and a global page (This is where I utilize Photoshop/Fireworks/Illustrator or Flash). This is where we will dive into color schemes, and layout schematics. In our case, this a site where we have no logo established, but have the overall concept in place, so that's why we haven't decided on an overall theme just yet. Still working out the kinks!!
Hope this helps!
Jazz

Trying to download indesign for mac, photoshop and illustrator trial which i require immediately but your website is crashing/saying there is an error. Can you please advise when this will be rectified?

trying to download indesign for mac, photoshop and illustrator trial which i require immediately but your website is crashing/saying there is an error. Can you please advise when this will be rectified?

WHatever issues you have are specifuc to your local system, not Adobe. Since you have not provided any shred of useful,technical details such as system info nobody can tell you anything.
Mylenium

Can Edge Web Fonts be used for Photoshop website mockups?

I'm keen to know if Edge Web Fonts can be used within Photoshop as an extension (to make the website mockup process smoother). I know Edge Web Fonts plays well with Muse and other Edge Tools, but I don't want to use Muse to build my sites - I just want to do my mockups in Photoshop. Can Edge Web Fonts work from within Photoshop, or will I be forced to switch to something like Extensis Suitcase Fusion for font management within Photoshop? Thanks in advance for your help!

Problem solved - I've found everything I was looking for (and more) in Edge Reflow.

What size should a website mockup be in 2015

Hi guys!
I know these sorts of questions get asked and asked...and believe me I have read tons on the subject...just so much conflicting info it is hard to get to grips with it all....
I am looking for general info for designing a website that should work on all devices...
Can someone point me in the right direction as to what I should be considering when designing a new site?
Has anyone any good links to Courses, how to's etc on this...
Thanks as Always!
bookie56

I suggest tooling through the videos for improving your comfort level with web design. Here is a good page to start on: https://helpx.adobe.com/dreamweaver.html
Regarding the size of a website mockup in 2015, it depends on the size of your user's screen/monitor. If your site is to be inhouse at a company, using all the same size monitors, there is your answer. If you are targeting the general public, including hand-helds, go for a responsive design that adjusts when the size of the monitor changes.
If this is Greek to you, watch as many videos on the subject that you can. Then run through several tutorials...the more comfortable you get with the concepts, the more likely you are to be successful.

How do I use an Edge Animate project with SVG files in InDesign for DPS output?

Is there any way to include an Edge Animate web content using .svg files in InDesign for output to DPS?
Edge Animate works great with InDesign, except for when you're using SVG files. I've worked with SVG files on the web successfully (writing .htaccess files and such), but it seems like InDesign doesn't like them.
This is pretty important because I don't want to have to design multiple renditions on the DPS suite. Currently I have it setup as a PDF format (DPS) and that scales all of the vector-based type perfectly. It would be wonderful if the animations could also be in a vector format so that when the iPad (3) users see the designs, they will scale naturally through the PDF framework.
Any advice would be invaluable.
Thanks!

moved to the DPS forum....

I am a new mac user and I switch to mac due to the graphics that it brings. I do website in pc and I heard iweb is the best.NOW i heard that iweb will be discontinue. so what is the best application there for website using MAC OSX lion?

I am a new mac user and I switch to mac due to the graphics that it brings. I do website in pc and I heard iweb is the best.NOW i heard that iweb will be discontinue. so what is the best application there for website using MAC OSX lion?

It is now confirmed that iWeb, and iDVD, has been discontinued by Apple. This is evidenced by the fact that new Macs are shipping with iLife 11 installed but without iWeb and iDVD.
On June 30, 2012 MobileMe will be shutdown. However, iWeb will still continue to work but without the following:
Features No Longer Available Once MobileMe is Discontinued:
◼ Password protection
◼ Blog and photo comments
◼ Blog search
◼ Hit counter
◼ MobileMe Gallery
All of these features can be replaced with 3rd party options.
I found that if I published my site to a folder on my hard drive and then uploaded with a 3rd party FTP client subscriptions to slideshows and the RSS feed were broken. If I published directly from iWeb to the FPT server those two features continued to work correctly.
There's another problem and that's with iWeb's popup slideshows. Once the MMe servers are no longer online the popup slideshow buttons will not display their images.
Click to view full size
However, Roddy McKay and I have figured out a way to modify existing sites with those slideshows and iWeb itself so that those images will display as expected once MobileMe servers are gone. How to is described in this tutorial: #26 - How to Modify iWeb So Popup Slideshows Will Work After MobileMe is Discontinued.
It now appears that the iLife suite of applications offered on disc is now a discontinued product and the remaining supported iApps will only be available thru the App Store from now on. However, the iLife 11 boxed version that is still available at the online Apple Store (Store button at the top of the page) and those still on the shelves of retailers will include iWeb and iDVD. Those two apps were listed in small, gray text on the iLife 11 box that I bought.
Personally, if I didn't already have a copy I would purchase one to have it for reinstallation purposes if ever needed.
This might be of some interest to you at this time: Life After MobileMe.
OT

FF8.0 on iMac is losing bookmark Icons for websites one at a time

Updated to FF8 on my iMac this morning ( OS 10.6 Snow Leopard ). I immediately noticed that the mini-Icons for websites were disappearing from the Bookmarks menu and the main URL address bar as each website/bookmark was visited.
I like those icons and would likely revert to FF7 to get them back

Updated to FF8 on my iMac this morning ( OS 10.6 Snow Leopard ). I immediately noticed that the mini-Icons for websites were disappearing from the Bookmarks menu and the main URL address bar as each website/bookmark was visited.
I like those icons and would likely revert to FF7 to get them back

I can't get my password manager working. It remembers passwords for websites but when I enter in a new password (because this had to be changed) or when I have a new username + PW that I wish to save, the password manager does not appear.

I can't get my password manager working. It remembers passwords for websites but when I enter in a new password (because this had to be changed) or when I have a new username + PW that I wish to save, the password manager does not appear.

If you updated your existing account then try logging out of it on the iPhone by tapping on the id in Settings > iTunes & App Stores and then log back in and see if that 'refreshes' the account on the iPad.
If you created a new account then you can log out of the old account and in with the new one as above, but any content that you purchased/downloaded via the old account will remain tied to that old account, and only that old account can re-download its content and download updates to its apps.

InDesign for a $25 a year fee?

Just bought a new macbook pro and in an email I can no longer find I read that you can use ID (InDesign) for a fee of $25 annually?!? Is this right and if it is can someone tell me how the heck to buy it.
On another note how much is PS (Photoshop) and (AAP) Adobe Acrobat Pro?
These are the only three pieces of software I need so I don't want to have to pay the $29.99 per month for all applications.
HELP.

i don't know a bout this price ($25 annually) the link below show you the per month subscripiton price.
https://www.adobe.com/products/catalog/software._sl_id-contentfilter_sl_catalog_sl_softwar e_sl_allsoftware.html

In DPS/Indesign for iPad - How can i create a button that once tapped, will pre-populate an email?

In DPS/Indesign for iPad - How can i create a button that once tapped, will pre-populate an email? like when you tap a recipe in Marth Stewart Every Day Food for example....

http://forums.adobe.com/message/4190932

School diary in Indesign for DPS

Does anyone know if you can create a reliable school diary in Indesign for DPS that can be used for daily planning and reminders?

If you mean, that the student can use it to add homework etc. to a list then no, not without a bunch of html and custom code.

.oam in indesign for ibooks author – does not work help

Hi I am creating an epub3 in indesign for ipad to read in ibooks. I am trying to integrate an .oam file but it doesn't work. It will show up in indesign as adobe promised but it is not shown in ibooks on ipad.
Can anyone help me? Thanks for help.

>told by my father that he had Acrobat Pro trial downloaded on the same PC
You are not allowed to install the trial a second time
Since a "secret code" is put on your hard disk to prevent a 2nd install, the only way to install the trial a 2nd time is to completely wipe your hard drive and install everything again... starting with Windows
Actually, I am not sure that a simple FORMAT command goes to the hard drive area used for the secret code... you MAY need to remove the partition and start as if this was a brand new drive that has never been used before

Taking a screenshot of StageWebView for websites running a plugin?

I've been trying to take a screenshot of an instance of StageWebView for websites with embedded SWF and PDF content on the Android. The method drawViewPortToBitmapData works fine for regular websites after enabling hardware acceleration in the manifest.
//create a bitmap from the webview and display it
var bitmap_data:BitmapData = new BitmapData(stage.stageWidth - 2*WEBVIEWOFFSET, stage.stageHeight - 40 - WEBVIEWOFFSET);
webView.drawViewPortToBitmapData(bitmap_data);
//remove webview and display snapshot
webView.stage = null;
var webViewBitmap:Bitmap = new Bitmap(bitmap_data);
addChild(webViewBitmap);
The previous code works for embedded content only on the emulator in the Flash IDE. The image is generated in the folder I specified in Windows but on the Android a blank image is created instead.
The API states "The behavior of this method is not guaranteed for pages that contain plugin content (such as embedded PDF and SWF files)."
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/StageWebVie w.html#drawViewPortToBitmapData%28%29
I tried using Context3D instead:
var stage3D:Stage3D = webView.stage.stage3Ds[0];
stage3D.addEventListener(Event.CONTEXT3D_CREATE, context3dCreated);
stage3D.requestContext3D(Context3DRenderMode.AUTO);
function context3dCreated(evt:Event ):void {
    //context 3d creation handler
    var bitmap_data:BitmapData = new BitmapData(stage.stageWidth - 2*WEBVIEWOFFSET, stage.stageHeight - 40 - WEBVIEWOFFSET);
    var renderContext:Context3D = Stage3D(evt.target).context3D;
    trace("3D driver: " + renderContext.driverInfo);
    renderContext.drawToBitmapData(bitmap_data);
    renderContext.present();
    //remove webview and display snapshot
    webView.stage = null;
    var webViewBitmap:Bitmap = new Bitmap(bitmap_data);
    addChild(webViewBitmap);
but this approach only generates blank images on both the emulator and the device.
Does anybody know of a way to take a screenshot from a StageWebView displaying embedded SWF or PDF content? or is there a free native extension that can trigger the screenshot in Android (power + home)?

andylow wrote:
When I press shift + command + 4, I always go into this highlight-for-screenshot mode (good). However, if I'm attempting to screenshot something in a VMWare session, when I press my left mouse button to start highlighting, I can still manipulate the applications running in it. Ex: I press shift + command + 4, my mouse pointer changes, I then start my screen highlight by beginning over the top of the close button on an application. That application will close because I've clicked the close button.
This may not help, but what if you start creating the screenshot rectangle in a different corner than the upper left?

How can I download the trial version of indesign for mac?

how can I download the trial version of indesign for mac

Downloads available:
Suites and Programs: CC 2014 | CC | CS6 | CS5.5 | CS5 | CS4 | CS3
Acrobat: XI, X | 9,8 | 9 standard
Premiere Elements: 12 | 11, 10 | 9, 8, 7
Photoshop Elements: 12 | 11, 10 | 9,8,7
Lightroom: 5.5 (win), 5.5 (mac) | 5 | 4 | 3
Captivate: 8 | 7 | 6 | 5
Contribute: CS5 | CS4, CS3
Download and installation help for Adobe links
Download and installation help for Prodesigntools links are listed on most linked pages. They are critical; especially steps 1, 2 and 3. If you click a link that does not have those steps listed, open a second window using the Lightroom 3 link to see those 'Important Instructions'.

InDesign for Website Mockups

Similar Messages

Maybe you are looking for