Design for Tablet

Hi,
I'm an designer, working for a local newspaper.
Seeing the wave of tablets coming up so far, I have decided to learn something about designing a page for tablet
What tools are required in designing a page for tablet
Does printing software (which I use, like) QuarkXpress, Adobe InDesign and Photoshop sufficient in designing a page for 'tablet'.?
Any tutorial recourses
Thanks

Thanks for the post.
I'm a print designer with knowledge of QuarkXpress, InDesign, Photoshop and Illustrator, where I'm designing pages for Newspaper, Magazines and do info graphics and creating maps etc..
With the advent of tablets gaining momemtum replacing PC, what can a print designer has to do if he wants to survive.
Creating Apps is not of my interest. I could love to do e-book/publications, does quarkxpress and indesign sufficient for that.
For creating Web page for tablet and mobile, Is it required for a print designer to learn XHTML, dreamweaver etc apart from Photoshop, InDesign an QuarkXpress.
Thanks

Similar Messages

Landscape design for tablet

Would it be wrong to design the tablet in a landscape format?
ANd should I change the site properties to do this?
Thanks, Rebecca

Hi Rebecca,
Please take a look at this forum post. It has good description and suggestion about the layout :http://forums.adobe.com/message/5962039#5962039
Cheers!
Aish

Site examples of using css to design for smartphone, tablet, projection

Hi,
Can anyone recommend a site that uses css to design for different platform using css. Not a standalone mobile site, but one where the existing site uses jquery to show the sites differntly.
I saw a video of it using cs5.5 and it seems to be the way forward, but would love to see how others designed/structured their sites to use this technology.
Cheers
Dave

Hi
The best place to view demo's regarding the jQuery mobile framework is the official site at - http://jquerymobile.com/. But remember designing and building a site specifically for mobiles, (tablet/mobile/cell devices) is no longer a completely different process to a normal site and all smart-phones can now display a normal desktop web site as good as a desktop pc, (and when it comes to html5/css3 even better).
The use of redirects for mobile devices is now an old outdated recommendation, and is the equivalent of saying to any tablet/smart-phone user, "Use IE7 or go-away", so unless you are mainly targeting pre-2008 devices do not bother, (Google and similar do this because they are covering 'all' devices and present a very simple page design which convert to mobiles without much difficulty). It is now a more widely accepted method to use media-queries to display a link to a mobile specific site, that is hidden on larger displays.
Do not get hung-up as some do on this site with the iPhone, it is only one of the devices that must be targeted, and is not even the most popular having a smaller market share than Android powered devices, (I personally use the iTouch, (which has the same web capabilities as the iPhone) and the Samsung Galaxy S2 for my personal testing, then SDK's and 3rd party testing services for other devices) a popular blog with many links that is specific to mobile development is - http://www.visionmobile.com/blog/.
With regards to testing on mobiles, you do not require a iPhone specifically, and if you are on the mac you can download the SDK for accurate testing, (but then what does one do for all the other devices?) and the true mark of a professional, (which I do not claim to be, my clients may, but I do not, and anyone saying they are whilst 'insulting' others must be viewed with suspicion, as inter-personal skills are also part of any designers/developers necessary skills) is knowing that you must test on all popular OS's and devices, (similar to browsers, and just testing on the iPhone is like just testing your site in IE8 and ignoring everything else) so for setting up a local testing suite see - http://www.mikebrittain.com/blog/2010/01/31/browser-testing-for-mobile-web-applications/, and/or you can also use a 3rd party service such as - http://www.deviceanywhere.com/.
For a number of tutorials on using CS5/5.5 for developing mobile site see, - http://www.adobe.com/devnet/devices/mobile-web.html.
PZ

Designing for print, tablets and interactive pdfs at the same time

Hi everyone,
I have a large document of proposal master pages that I would like to update with CS6. My usual work flow, when I need to make a new proposal, is to open a new document and just move over the master pages I need. This depends on which products they want, etc. Then I override the master pages in the new document and make whatever customizations I need for that particular customer.
Now with CS6, I'm thinking that I will just have the pages be pages (with fewer masters). I will make an alternate layout directed at each market segment we have, and also these pages for tablets and interactive PDFs. (Sometimes we are asked to provide a digital copy of proposals). Then, when I have a new proposal to do, I will do a Save As and make a copy of the main doc. Then I will just delete all the pages and the alternate layouts I don't need.
A few questions:
1. How do I set up my "intent." Most of these master pages are two pages, so I think the digital publishing intent messes that up.
2. Do you think this new set up would make the file huge? I have had size issues in the past and the file is already very sluggish.
3. Is this the best way to go about this work flow?
Thank you guys so much. This forum has been so helpful to me!

Hi everyone,
I have a large document of proposal master pages that I would like to update with CS6. My usual work flow, when I need to make a new proposal, is to open a new document and just move over the master pages I need. This depends on which products they want, etc. Then I override the master pages in the new document and make whatever customizations I need for that particular customer.
Now with CS6, I'm thinking that I will just have the pages be pages (with fewer masters). I will make an alternate layout directed at each market segment we have, and also these pages for tablets and interactive PDFs. (Sometimes we are asked to provide a digital copy of proposals). Then, when I have a new proposal to do, I will do a Save As and make a copy of the main doc. Then I will just delete all the pages and the alternate layouts I don't need.
A few questions:
1. How do I set up my "intent." Most of these master pages are two pages, so I think the digital publishing intent messes that up.
2. Do you think this new set up would make the file huge? I have had size issues in the past and the file is already very sluggish.
3. Is this the best way to go about this work flow?
Thank you guys so much. This forum has been so helpful to me!

Right way to copy desktop version for tablet and mobile

Watching this video http://tv.adobe.com/watch/muse-feature-tour/adobe-muse-designing-for-mobile-devices/
would seem that copying from the desktop version to tablet or mobile, you copy all the contents (texts, images,slide shows etc..).
But i doesn't work. May I have to totally rebuild manually tablet and mobile versions or is possible copy the entire site and then, if i need , make changes in each release?
many thanks in advance

Sad! Could be of great help for us develop the function to automatically copy all the contents.
We would avoid to rebuild the site 3 times and we would re-design only things to change.
Many thanks for your reply

Is there a way to create a vertical menu for tablet that stays in place?

I am a novice in web design, and I want to make a vertical menu for a tablet page that stays in place.
It should not scroll, and it has to resize depending on screen size, so it looks the same across different tablet sizes.
Is this possible in Muse? After reading some posts I am getting the feeling this is not possible at all, is that really true?
If it can't be done in Muse, can I do it another way? In Dreamweaver for instance?
The reason I want this is that in my opinion horizontal menu's for tablets are ergonomically bad design, and just plain annoying. You always have to use two hands, lift one hand and then you probably block the view of the screen.
Vertical menu's for tablets just make more sense since they can be made so that you could place them on the side of the screen so it would be possible to navigate with the hand that is holding that side of the tablet.
I hope someone can help me.

Yes, I am using the widget.
It seems it is not possible to make the menu stick in tablet design (the pin options are greyed out). Nor is it possible to make the menu scale with screen sizes.
A possible solution would be the ability to make it stretch to 100% screen size, like you can with horizontal objects.
I have noticed though, that, for some reason, in web design it is discouraged or very hard to make things stretch 100% vertically. It seems to cause problems, and I don't understand why.
Since I have started in web design, I have seen many posts of people having design problems, where stretching 100% vertically would be the obvious solution.

Hi, can someone help me, I did my first page in Muse, and I did just for computer, I need to do for tablet and phone, I have to do? thx

Hi, can someone help me, I did my first page in Muse, and I did just for computer, I need to do for tablet and phone, I have to do? thx
Esto puede ser en español? por favor

Hello,
Please refer to the links below, you will find them very useful.
Adobe Muse Help | Creating a website for Mobile devices
How to create a mobile website with Adobe Muse | Adobe Muse CC tutorials
Video Tutorials:
Design for mobile first | Adobe Muse CC tutorials
Mobile best practices | Adobe Muse CC tutorials
Plan your mobile site | Adobe Muse CC tutorials
Preview your mobile site | Adobe Muse CC tutorials
How to create a mobile website with Adobe Muse | Adobe Muse CC tutorials
Regards
Vivek

What Screen Resolution should I Design For?

Hi,
For APEX applications in public sites, what should be the proper screen resolution should I design for? Also, when I put something like a chart in a region, the size of the chart is always fixed. Therefore, it may not fit a particular screen size. I am wondering what should be the proper screen resolution I should target for - considering different desktop monitors and tablets?
Thanks.

Hi,
sky123 wrote:
For APEX applications in public sites, what should be the proper screen resolution should I design for? The resolution is not the only problem. Users can use CTRL+ and CTRL- to dynamically zoom in / out the page!
Also, when I put something like a chart in a region, the size of the chart is always fixed. Therefore, it may not fit a particular screen size. I think it is OK to have some elements with a fixed size, like charts and images, while the rest of the page resizes itself. Charts are a problem because I don't think you can give them a "width=100%" as you can do with images. I think it depends on your audience. If only 5% of users will see the page in a small screen, you should use a big chart, and vice-versa. Or have two charts, one big and one small, and dynamically hide/show them based on the screen size?
If you use Apex 4.2, it has very interesting themes. For instance, I was surprised to see how fluid this page I created was:
http://apex.oracle.com/pls/apex/f?p=65861:3:0::NO::P3_ROWID:AAjQ4rAGlAAAADUAAB
If you make the browser window narrow enough, the order items region will move underneath the customer orders region... Cool! :)
(using CTRL+ to make the page bigger doesn't do the trick though...)
Luis

Can not remove second line in Jabber for Tablet device on CUCM

Hi all,
The functionality we are trying to achieve is that people will have different DNs for their desk phones and Jabber for iPad devices, but when they make a call from the iPad, the desk phone DN will be shown. I have been testing out the Primary extension feature in the CUCM but it doesn't work properly so far. And now, I added two different DNs to a Jabber for Tablet device and can not remove the second one from 'Modify button items'. It gives the following error :
Update failed. TypeDbErrors.gen25083
Any ideas on how to fix this? Any ideas on how to use the primary extension feature?
Regards,
Fikri
Enironment :
CUCM 8.6.2
Jabber for iPad 9.3.2 / Jabber for iOS 9.6

I would delete the device and recreate it or delete the DN and then put it back on the device(s) it does belong on. The only real way to fix this would a TAC case so they can open a defect for you.
Primary Extension isn't used in any of the alerting/connected display states. The only way to achieve this would be a lot of very complicated translation patterns/partitions/CSSes with calling party transformations on them. For example, if your desk phone DN was 2000 but the tablet DN was 3000, the translation pattern that would need to match for every number you dial would have to transform the calling party to 2XXX.
If you want an opinion, this is bad design. You don't email a person at a separate address for their desktop vs. their smartphone. CUCM is designed to work the same way: you are calling a user, not the device.
Please remember to rate helpful responses and identify helpful or correct answers.

Designed for IPad also means for IPad mini?

Hi,
Looking to get a tablet, and considering the IPad mini. But I notice that it has different screen dimensions than regular IPad/Retina. When I browse some of the apps I want to use, they all say "Designed for IPad". Does that include the IPad mini?
Thanks.

Thanks, but just to be 100% sure here, does "they will work" equal "designed for"? What I mean is, I don't want to find black screen edges etc on 50% of the apps just because I got the mini and not the regular IPad. I imagine that would be one of the differences between "they will work" and "designed for"...or am I completely off here?
I know this might be obvious to most ppl, but this is going to be a gift and I want to get the best...:)

Responsive Design Mode - Landscape Design for Mobile. (CP8)

Hi,
Given that the design default on mobile is on portrait, I'm wondering if there is an option to design for landscape. Thank you.

Do you really need to change the layout totally when the size is so close to each other? Just wondering. Responsive means that when you change the browser size everything will adapt. The breakpoints are only meant to have more 'agressive' changes, like having less objects on mobile screen, rearranging objects in another way etc. If you turn a tablet in landscape mode, it will probably use the Primary layout, if you use it in Portrait mode it will use the Tablet layout. If I understood your question wrongly, sorry.

Designing for Epub/mobi

I am not an indesign user, but a developer trying to find information on how to best design for multiple formats. We have a magazine that is currently in print and looking to go digital.
We can export to .pdf and it looks good and can read this on the iPad, but for other ereaders/tablets the epub and mobi formats are ideal.
When using calibre or a direct export from indesign, the layout is horrible. This is understandable as epub and mobi formats have to adapt to screen sizes. What is the best way to design an image heavy magainze for digital?

How much do you want to spend?
I don’t mean to sound glib but as you’ve already noted, this isn’t a job for epub which lends itself far more toward books than rich layouts in magazines.
For that, there are various solutions including Adobe’s Digital Publishing Suite tools.
The cost for the tools is zero but the publishing costs can be pretty steep. Single, one-off apps are only a one time fee of $395 but if you want to go with a subscription model you’ll be looking at $500/month + $0.22 per download and Apple’s 30% commission.
Read more about DPS here: http://www.adobe.com/products/digital-publishing-suite-family.html
There’s a forum dedicated to DPS here: http://forums.adobe.com/community/dps
Bob

How will an external Hard drive designed for the macbook Pro work with my White Macbook? My white macbook has a Firewire 400 and the G-Tech HD has a 800 to 400 compatible cable for the firewire.

I am asking this because I want the G-Tech Hard drive says that it is designed for the macbook pro. Yet, I want to back up faster with by using my firewire 400 which is not an option on the one designed for the white macbook that does not have a firewire (only a USB port.) The G-Tech Hard drive comes with the 800 to 400 compatible cable and has 5400 RPM with 750 GB. Also, I've heard that laptops with low battery (mine all the time) won't have the power for a bus powered Hard drive (as in no ac plug in adaptor.) Can I just plug in my laptop? Any one know the answers from experience with this hard drive?

As far as I know, if a harddrive works with a Macpro, it should work with the Macbook: if your Macbook is low on power, plug in the AC adapter
If your Macbook has a firewire port, then it should be fine. BUt i would do somemore research first.

Is this the best design for asynchronous notifications (such as email)? Current design uses Web Site, Azure Service Bus Queue, Table Storage and Cloud Service Worker Role.

I am asking for feedback on this design. Here is an example user story:
As a group admin on the website I want to be notified when a user in my group uploads a file to the group.
Easiest solution would be that in the code handling the upload, we just directly create an email message in there and send it. However, this seems like it isn't really the appropriate level of separation of concerns, so instead we are thinking to have a separate
worker process which does nothing but send notifications. So, the website in the upload code handles receiving the file, extracting some metadata from it (like filename) and writing this to the database. As soon as it is done handling the file upload it then
does two things: Writes the details of the notification to be sent (such as subject, filename, etc...) to a dedicated "notification" table and also creates a message in a queue which the notification sending worker process monitors. The entire sequence
is shown in the diagram below.
My questions are: Do you see any drawbacks in this design? Is there a better design? The team wants to use Azure Worker Roles, Queues and Table storage. Is it the right call to use these components or is this design unnecessarily complex? Quality attribute
requirements are that it is easy to code, easy to maintain, easy to debug at runtime, auditable (history is available of when notifications were sent, etc...), monitor-able. Any other quality attributes you think we should be designing for?
More info:
We are creating a cloud application (in Azure) in which there are at least 2 components. The first is the "source" component (for example a UI / website) in which some action happens or some condition is met that triggers a second component or "worker"
to perform some job. These jobs have details or metadata associated with them which we plan to store in Azure Table Storage. Here is the pattern we are considering:
Steps:
Condition for job met.
Source writes job details to table.
Source puts job in queue.
Asynchronously:
Worker accepts job from queue.
Worker Records DateTimeStarted in table.
Queue marks job marked as "in progress".
Worker performs job.
Worker updates table with details (including DateTimeCompleted).
Worker reports completion to queue.
Job deleted from queue.
Please comment and let me know if I have this right, or if there is some better pattern. For example sake, consider the work to be "sending a notification" such as an email whose template fields are filled from the "details" mentioned in
the pattern.

Hi,
Thanks for your posting.
This development mode can exclude some errors, such as the file upload complete at the same time... from my experience, this is a good choice to achieve the goal.
Best Regards,
Jambor
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Print Layout Designer for UDO

Hi,
Can we design report with print layout designer for UDO forms?
If yes, how do we accomplish this?
If not, is there any other alternative?
I am using 2004B. Thanks.

I use the iTextSharp project to create PDF's (http://itextsharp.sourceforge.net/)... its free and it works (A little hard to use, but it works). A more simple PDF-project are SharpPDF (http://sharppdf.sourceforge.net/). This is also free and very easy to use, but not that many features.

Design for Tablet

Similar Messages

Maybe you are looking for