New answers tagged

0

Try Invison. Its your answer to test UI for different platforms using just images. You can get a pretty good idea on how it will look across platforms. https://www.invisionapp.com/


2

There are a lot of options for testing different screen sizes and resolutions. The best will depend on your workflow. Online Tools Online responsive tools require a domain to test. This can be a local development server (i.e MAMP, XAMP, localhost) so you don't need a live web domain. Responsive Design testing Tool - Matt KersleyShows a number of ...


0

"What could be causing this discrepancy in measurement?" design not properly executed in code code not being cross-browser compliant (subset of #1) creative not set to screen resolution used by developer - this discrepancy should've been brought up prior to start of the project. At the end it's up to developer to properly execute creative direction and ...


3

iOS Human Interface Guidelines The iOS Human Interface Guidelines set out guidelines for general design principles to follow, specific guidelines on typography, color, navigation, interactivity, icons and a lot more. Apple aren't very strict on enforcing these design guidelines (not consistently anyway) so not all apps you see will follow these guidelines ...


3

The origin of "mobile first" The idea of "mobile first" in regards to Responsive Design comes from a time when the browsers for mobile devices were a lot less capable than what you would find on a desktop device. Many of them did not support media queries at all, so the idea of building up a fancy desktop design and then sticking in styles using media ...


-1

To me the main reason to do mobile first is to avoid a situation where your mobile site doesn't do everything the desktop version does. There are tons of websites where I have to request the desktop version on my phone to do something because even though the phone can do it, their mobile version doesn't. That bugs the crap out of me. That said, I think ...


8

Mobile first is best practice -- it's not law, and if you understand why you should be using it, and why you don't want to use it on a particular project, that's fine. It's worth noting that mobile first affects the design/UX and the build itself, and as this is a graphic design forum, I'm a bit perplexed as to why you think a mobile first design will ...


18

From a purely design standpoint, starting with the mobile version first does make sense. The hardest part of the design process is always pruning, never adding. So the smaller the screen real estate you allow yourself, the more you'll have to think about what is important in your design, what information you really need to show. Also, you'll force yourself ...


2

I tested your website www.cosmosdesign.co.nz on different screen sizes and its's working fine on all screens. Regarding your question for mobile first design I would like to say that your designing approach must consider your target audience along with many other factors like images, content, etc. If your target audience will be using this website mostly on ...


4

You can use an online colour contrast checker to compare two colours for their contrast ratio and brightness difference. An example is snook Colour Contrast Check http://snook.ca/technical/colour_contrast/colour.html This will also give you data on whether the contrast is high enough to be compliant with web accessibility standards. If you have a fixed ...


0

@Yisela has some very good points, but if you have to keep categories, the very least would be to split them in multiple pages, so the user first selects the category and than is presented with a list within a particular category. This way the total number of addresses per page is significantly reduced.


0

You can set the text color to either black or white depending on the brightness of your background color. If the background color is brighter than a certain threshold, the text color will be set to black. If the brightness is lower than that, you can set the text to white. This article Calculating the Perceived Brightness of a Color explains how to ...



Top 50 recent answers are included