Web Design: Grids, RWD

Hello!

I have a few questions about the grids in the design process:

  1. When I design a Web site for a target group, which has a screen size minimum of 1280 x 80 Px, wouldn't it make more sense to design the Web site a little wider instead of using the 960 grid?
  2. In addition the site there is also a mobile version, but also an application - it is therefore necessary to build the sensitive site?
  3. Therefore, it is the choice of the designer to set the width of a Web site - it just should adapt to the targetgroup?
  4. It is true, that the 960 grid is used if often because only it fits for almost everything?

I would be grateful if you could help me with my problem.

Thank you very much!

Responsive Web Design requires you to consider the following device widths.   Height is irrelevant because that is determined by the content of the page.

Portrait of mobile - 320px

Mobile landscape - 480px

Small portrait of Tablet - 600px

Small landscape Tablet - 800px

Portrait of Tablet - 768px

Tablet landscape - 1024px

Laptop / desktop - 1024px to 1900px;

Design a % according to the width in mind, you need only 3 comps of design (mobile, office, Tablet).

However, if you use explicit breakpoints in pixels, you will need to design compositions of 5-7.

Nancy O.

Tags: Adobe Developers

Similar Questions

  • Fluid design grid how

    I'm curious as to how I would go all this in dreamweaver with a fluid design grid.

    PPS FartAround.jpg

    I can split the background with a gradient easily enough, but what I do for the 'main' green dark. Dreamweaver, tells me that I can not put a div in a div after the .clearfix container. Sorry if it's simple, I'm certainly not a professional Web Designer / coder. Come play with something.

    What version of DW have you?

    I do not recommend using fluid grid (Legacy) layouts.  They were OK, when they came out in 2012, but Adobe has renounced them.  Inheritance is code talk because they won't be around much longer.

    Bootstrap is more robust.  You can nest a div inside the DIV tags, no problem.

    body - background 2-tone

    bottom of container - Green

    the inner tank - white background.

    Nancy O.

  • New web design - learn Dreamweaver first?

    I welcome the Dreamweaver community.

    After 30 years in print design, I finally made a decision to learn a little something about web design. With this goal in mind, when I updgraded to CS6, I bought "CS6 Design and Web Premium" package. The package includes Dreamweaver, Fireworks and Flash Pro. But I'm a bit confused where to start.

    I always buy the Adobe "Classroom in a book" series to learn the basics or new aspects of Adobe products. All three applications have equivalents of the IPC and I think I'll but the first IPC Dreamweaver, Fireworks and Flash Pro?

    So that demand, it's the right direction? I noticed on some forums of discussion that some use Fireworks more than Dreamweaver: I want to just make sure I'm on the right track.

    Any suggestion would be appreciated.

    Clinton

    Welcome to the community of DW, Clinton!

    30 years - which is an experience that you have up your sleeve!

    Web Design, fine, it works this way. It is in 2 parts - to start:

    • Design / layout / layout / wired / UI (two see it differently) - but the end goal is the same - to create the "design", in itself, that your site will look like
    • Development / slicing / Compositing / CSSing / PSD - CSS (again, different references) - make the "design", you did in an application such as Photoshop or Fireworks to be "web-friendly" - in other words, making .html and .css files that are the "basics" for a Web site

    Most web developers (including me) use Photoshop to create cuts of design (PSD files) we send back a million times the customer to get their approval. Then "decide" elements such as backgrounds, boxes, etc... Then open Dreamweaver, write the tag ""-which is the 'what' you want to display on your website (content, tables, boxes, widgets, snippets, etc...). Then, 'style' using 'CSS' Web site - for the match at the "PSD" that the customer had approved.

    That's it: I don't know if I could have put it more!

    CSS - Cascading Style sheet - is a piece of code that tells browsers how your website should be displayed. Height, spacing, margins, width, color, type of display, etc... With the birth of CSS - 3, things are even easier. A few key elements that can make the CSS-3 are lets say, Gradients, rounded edges, etc... (for which, you had to use a real .png or .jpg image in CSS - 2). Now, CSS - 3 can give you the same exact effect with no use of an image.

    HTML - now that HTML5 quickly supplanted the old web standards, you have decided to start your 'web journey' at the right time, I would say. HTML5 has infinite possibilities of creation 'sensitive' Webdesign - reactive, which means Monotype, multi-devices - for desktop computers, Tablet & mobile phones.

    With all that said, that Dreamweaver CS6 has some great tools for HTML5 standards like 'fluid Grid Layout"- with which you create 1 design, code 3 different documents CSS and BAM - your website will be optimized for all devices 3.

    Fireworks - certainly usable for web design. CS6 Fireworks has also some great tools such as 'Generator of CSS' gives you the CSS code for an item of the chosen design - in other words, the design in Fireworks, go over it, fireworks will generate the CSS code for you.

    jQuery - you should watch this - a few great 'plugins' that you can use in your website design / development. Now that 'Flash' is a kind of death (modern Pocket PCs do not support Flash), jQuery is your friend. Best part is completely open source.

    The next step - dynamic Web sites - as its name suggests, you can get in the construction of more "interactive" sites - such as a shopping cart, etc... then once you get a good shot of some basic CSS HTML &. And if you decide to use jQuery, you will get also a script - what is essential to build interactive websites as you progress.

    You can take a look at this video on Youtube. I know that there not too many views. But I personally think it's a good place to start with Fireworks - http://www.youtube.com/watch?v=NrJmyYfNu1M

    This maybe go a little above your head right now - since you are a beginner to the top. But, feel free to ask questions as and when you have one, and we will be happy to help you! The world needs more of web designers / developers after all!

    All the best.

    -ST

  • Web pages will not regenerate after I make changes, (Web Designer) very frustrated!

    Web pages will not update or refresh for at least 5 minutes or more, very frustrated.
    It is not my browser, I have two computers, one with a XP with Win7 and win 7 (only 3 months) does not update the pages, I use force refresh all the time.
    It makes me crazy, I'm a Web Designer and I can't work like this. What is going on? and how do I fix it?

    Specific developer resources include:

    MSDN IE development forum (post these questions here instead)
    http://social.msdn.Microsoft.com/forums/en-us/iewebdevelopment/threads

    Tip: When you post in the developer forums, always include a link to your web site or pages to test in your first post.

    IE Developer Center
    http://msdn.Microsoft.com/en-us/IE/default.aspx

    Learn how IE8
    http://msdn.Microsoft.com/en-us/IE/aa740473.aspx

    Expression Web SuperPreview for Internet Explorer (free and autonomous visual tool for debugging for IE6, IE7 and IE8)
    http://www.Microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677

    Expression Web SuperPreview Release Notes
    http://www.Microsoft.com/expression/products/Web_SuperPreviewReleaseNotes.aspx

    Validators:
    http://validator.w3.org/
    http://Jigsaw.w3.org/CSS-validator/

    =========================

    You'll find user support for Internet Explorer in this MS forum: http://social.answers.microsoft.com/Forums/en-US/InternetExplorer/threads

    Quote your full version of Windows (for example, WinXP SP3;) Windows XP 64 - bit SP2; Vista SP1; Vista 64 - bit SP2; Win7; Win7 64 bit) as well as your current version of IE (for example, IE6, IE7, IE8) in your first post.

    ~ Robear Dyer (PA Bear) ~ MS MVP (that is to say, mail, security, Windows & Update Services) since 2002 ~ WARNING: MS MVPs represent or work for Microsoft

  • My computer is dead and now I can not activate my premium web design CS6

    My old computer died and could not be recovered.  CS6 Web Design Premium, went to activated and can not.  I am that I don't have good download on my computer.  Down load shows everything but the last option on the download Web Premium CS5.5 CS6.  I need to get this operational as soon as POSSIBLE.  Thanks for your help

    kglad links in response to #1 here can help https://forums.adobe.com/thread/2081216

  • Creating a table of Storyboard for web design

    I was wondering, what is the best program of adobe to create a table of Storyboard (wired) for planning of web design?

    Take a look at Adobe experience design CC

    It is available for Mac only now.

    User experience, prototyping app | CC Adobe experience design

  • Web design learning programs

    Hello

    I would like to start learning web design programs, I'm a print designer and I think I should start thinking to introduce, what programs should I learn so I can get hired.,.

    Thank you.

    Muse or Dreamweaver... ask specific questions in the forums for these programs

    Forum of https://forums.adobe.com/thread/1929760 to find a forum for your program list

  • Where did my design go?  I created 4 pages for web design and I was finishing up the home page, all the other 3 pages have simply disappeared, the layers are empty? I spent 4 days design that... How to make that back?

    Adobe Muse: Web design.

    Where did my design go?  I created 4 pages for Web design and I was finishing up the home page, all the other 3 pages have simply disappeared, the layers are empty? I spent 4 days design that... How to make that back?

    I restarted the laptop,

    creates a new document and quickly made 3 new pages... and yet once... These pages have disappeared?

    Please provide a quick solution for me because I have to present my work to the customer.

    Did you remove all traces of high level in the layers (i.e. "layer-1") Panel?

    When something like you describe is reported, most often the user does not understand the layers of high level exist across all pages and updates on the page of your site. If you delete "Layer 1" you may remove the content of all pages of your site.

  • Responsive Web Design

    Hello world. Unbid does know what adobe CC muse going responsive Web design?

    The update will happen later this year, as announced at Adobe MAX in accordance with policy, product management announces the update of proximity, or on the release date. We will announce it on the forum as soon as the update is online. If you are a CC member, you will receive an email about the update.

  • Would like to know if and when the Muse offers sensitive web design capabilities.

    The update will happen later this year, as announced at Adobe Max I heard through the grapevine that muse will be the introduction of sensitive web design features. Does anyone have an idea of an approximate date?

    Sensitive design will make it to the next update of Muse. We will announce it on the forum as soon as the product management makes their announcement about the update.

  • I am a student and I bought the web of adobe design premium in my first year. Recently, my computer got crashed and I had to buy a new one. I'm trying to figure out how to reinstall adobe web design premium on my new computer.

    I am a student and I bought the web of adobe design premium in my first year. Recently, my computer got crashed and I had to buy a new one. I'm trying to figure out how to reinstall adobe web design premium on my new computer.

    Click on the drop-down list below the product you wish to download. Then you will receive the link to download the installation file.

  • Web design of horizontal scrolling

    How can I place a footer on a horizontal scrolling Web design that remains in place on the screens of different size

    Hi Mike,.

    Have you tried to set a foot from page to page and pinning it?

    Kind regards

    Akshay

  • Hi, I'm only following a Web Design course and tried to get the student cloud version. Also, I got a letter from my college. My college is in Toronto, Ontario, Canada. I am unable to cnoact any customer service Adobe Canada. Any information will be gr

    Hi, I'm only following a Web Design course and tried to get the student cloud version.

    Also, I got a letter from my college. My college is in Toronto, Ontario, Canada. I am unable to communicate with any service the customer from Adobe Canada.

    Any information will be greatly appreciated.

    Best regards

    Sami.

    Hello

    Please try to reach out to support call/chat.

    Contact the customer service

    * Be sure to stay connected with your Adobe ID before accessing the link above *.

    Kind regards

    Sheena

  • get a new computer.  I need to reinstall my creative suite adobe 6 web design and premium.  My drive is not helping and is nor the web site.  Please, please help.

    get a new computer.  I need to reinstall my creative suite adobe 6 web design and premium.  My drive is not helping and is nor the web site.  Please, please help.

    P.S. If you don't like our help, you can always contact customer service.

  • I'm a composer of musicals for children and do a site for my work, but am a perfect beginner in Web design! Sound application what would you recommend for playback of tracks of my musicals and how to install it?

    I'm a composer of musicals for children and do a site for my work, but am a perfect beginner in Web design! Sound application what would you recommend for playback of tracks of my musicals and how to install it?

    There is no "request" in itself, and according to which browser and the device is used, this could end by into a mess of different options of incorporation. So to save your sanity upload your files to a service like Soundcloud and use their built-in widgets and code.

    Mylenium

Maybe you are looking for

  • What is the error Code (-18)

    iPhone 6 sec more iOS 10.0.1 Get an error code (-18) what this code means?

  • New local folder created each time starts at Thunderbird

    Whenever I run Thunderbird, a new folder is created in each time (always the same name) in my area the local folders and I can't find how to remove it. The cold is named: 1376842793.33723.YahooMailNeo%40web171205.mail.IR2.Yahoo.com.wdseml I deleted m

  • Satellite C55 - A and Ubuntu - Maj CapsLock and numlock button LED still off

    I use Ubuntu Desktop 14.04 and look at Desktop and LightDM. My Toshiba laptop is model Satellite C55-A-1JH (PSCG6E).CAP and Num Lock works, but their led is still off. I can't find driver Linux in the Toshiba support website. How to solve this proble

  • Request for update of Windows crashes

    Automatic update Vista stop working, I can not even updates to download manually on the site to update, because the update of the window hangs.  I've been across the different boards, groups etc. looking for an answer.  Here's the problem:ProductWind

  • NOT ENOUGH SPACE ON DRIVE E:!

    I receive a message of this drive that e: is saturated. When I click Properties I find 54.5 GB are used. However, when I count the amount of all the directories on that they DO NOT exceed 14 GB? I am really confused ! What is the problem and where is