Questions about designing the aesthetic look of websites, both practical and theoretical. For questions about coding the structure of a website, please go to Stack Overflow. For questions about the user experience, please go to UX.SE. Ask anything related to designing graphics and visual layouts ...

learn more… | top users | synonyms (2)

0
votes
1answer
225 views

How to visually differentiate between manual and automatic edit capabilities

I'm having some difficulty find an icon or solution to differentiate operation in the same table, but with different origin. In my table I have operation imported from a central system and others ...
-1
votes
2answers
149 views

illustrator pencil tool jagged line problem

I used pencil tool, but almost lines are jagged. I checked anti-aliased art work in preference setting, but it can't solve the problem. and I will use the picture for web. (700px * 344px) It is okay ...
-2
votes
2answers
280 views

960 grid's indesign template - pinkish background

I am a new InDesign user and in the 960 grids' indesign template there are pinkish backgrounds filling the columns. -- EDIT -- I am asking that in indesign with which element the pinkish areas are ...
1
vote
1answer
49 views

How to design a screen where the user only has very few but important options? [closed]

Alright, I am redesigning a multi-step process where the user adds new contacts to his/her address book. In the first step, the user chooses between three possible addition methods: file import, crm ...
3
votes
11answers
14k views

How can I find out what RGB colors a website uses?

I want to learn the CMYK/RGB or any other details of a colour on a website. Say the side/background of this very website. I want to recreate that colour. Can anyone help me? Or is there any specific ...
6
votes
3answers
13k views

Colors to use with black background?

Is using yellow text on a black bg bad as Mike pointed out here? If yes what colors should I use (RGB or hex values)?
2
votes
1answer
249 views

Adobe Illustrator 'Align to Pixel Grid' Problems

I'm using Adobe Illustrator to produce the UI designs for a complex web app and I need pixel accuracy. However, Illustrator seems to be a bit of a pain when it comes to pixel accuracy as its not doing ...
36
votes
13answers
2k views

What web graphics formats to use?

Web sites can contain JPEG, GIF,PNG, SVG format graphics. Which ones should be used, and when?
0
votes
1answer
96 views

Winter Bash 2014 Graphic Design

Merry Christmas, everyone; my expertise lies not in web design, though I have had a little experience in the past. I really enjoy the design of the Winter Bash 2014 page. It is soothing to look at, ...
0
votes
0answers
27 views

Responsive Images in Practice: @2x images [duplicate]

Are @2x images simply larger in terms of height and width or do they actually have a higher PPI (pixel density)? Trying to figure out my workflow for creating retina (@2x images) and this affects how ...
-3
votes
2answers
270 views

Alternatives to jQuery for simple, backwards compatible, client-side website animations?

I was recently looking for an alternative JavaScript animation library, because for the few simple animations I wanted, a ~200kb jQuery library is not the best option. After a bit of searching, I ...
10
votes
5answers
1k views

What are the best practices for dealing with desired line breaks in responsive web design?

I design a great deal of simple single page web items for sales or email. I often find I run into issues with headlines and my desired line breaks at different media widths. For example, I could ...
1
vote
1answer
101 views

How to prepare Photoshop to design a Website

I'm having some trouble finding out how to prepare Photoshop to design a Website. When i try to program what i draw, the measurements are never correct. Always bigger. Is there a way for me to design ...
3
votes
1answer
105 views

How to preview image in monitor

I found this nice looking image: I have a simple php web site that I also would like to preview in monitor. Is there any tool or wen site that can auto generate this image?
19
votes
4answers
30k views

Favicon Best Practices 2014

I'm busy on a WordPress site and have come to the stage to add the finishing touch, being the favicon. I'm primarily a developer so graphics and icons aren't my strongest point. What are the best ...
0
votes
3answers
1k views

Material Design headerbar and icons color

I'm trying to design a website using the Material Design guidelines. I've a navbar/headerbar with the logo of my website and some icons. The background color is transparent, showing the background ...
3
votes
1answer
8k views

How do I export a JPG with the same color profile as my Photoshop workspace?

I created a design for a webpage in Photoshop and got all the colors looking perfect. However, when I export it to a jpeg and view it outside of Photoshop the colors are completely different. If I ...
-1
votes
0answers
110 views

Is Red Or Blue is good choice for main color [closed]

My Client's logo contain 2 colors First one is blue (Text Color) and after text, there is red arrow, Now Problem is that He give me one ready made HTML theme (From One of online template selling ...
7
votes
8answers
1k views

How do you present interactive webdesign?

The interactivity becomes more and more presents in our design for the web, but has anyone found a good way to presents the interactivity to the client ? I talk mainly about the small animations like ...
24
votes
5answers
67k views

is it mandatory to keep 72 dpi for web design? What if I create in 200dpi?

I have been designing web banners in photoshop for more than a year but never considered the DPI. I was using the default 72DPI, but now I want to know is it necessary to create web designs in 72DPI? ...
3
votes
1answer
67 views

What is this triangular part of a sidebar menu called?

I've circled it in red. What is the design name of this element?
1
vote
5answers
20k views

Can anyone suggest an alternative to Copperplate Gothic for web use?

Designer sent comps for a site using copperplate, I was wondering if anyone could suggest a good alternative that exists either on google fonts or as a font squirrel kit (preferably the former). ...
3
votes
3answers
143 views

Does the typographic baseline grid manage images and other elements as well?

Since we build a baseline grid to rule our copy on the web, on articles I read, it's not clear if we should use this base line for giving spaces to other elements of the web as well, such as images ...
17
votes
8answers
7k views

Alternative to Lorem Ipsum (dummy text) for websites

Lorem Ipsum has been the known default for dummy text. Per a search the last discussion in regards to alternatives is two years old. I thought I would post a new thread on this topic. So, what are ...
5
votes
2answers
2k views

Illustrator image viewed at 100% is “tiny”

I'm a web developer and I love Photoshop but unfortunately I have some design mock-ups sent over to me in Illustrator. When I viewed the document at 100% the text isn't even legible on my monitor. At ...
0
votes
1answer
104 views

What should I learn to become a web design expert? I am from engineering background [duplicate]

I'm a computer science graduate having a passion for web design. Almost two years ago, I started learning web design. I designed few websites as well. Every day I try to improve my designing skills a ...
1
vote
2answers
388 views

SVG files render differently in browsers - typography

I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words are bold. That's not the case in Firefox. How do I fix this, ...
1
vote
2answers
147 views

What should the dimensions be for a “coming soon” page?

Are there are standard dimensions for a coming soon page? I tried to google it and search for an answer on here but I didn't find any satisfactory answers. I mostly saw the dimensions recommended to ...
6
votes
3answers
306 views

'This page is under construction' message or no page at all?

From a Design point-of-view, if a page is not ready yet, but the rest of the site is; would it be better to: Have a 'this page is under construction' message, or Not have the page at all, until it ...
1
vote
1answer
88 views

Is it possible to hide part of an adaptive web design on smaller screens?

This is the News page of my firs adaptive website. The full height is shown (the scroll-down part is also included). The terracotta sections on the horizontal line are for placing news feed ...
2
votes
3answers
1k views

Which Photoshop features are affected by different DPI or PPI tags?

A Photoshop document‘s physical size, pixel density (DPI/PPI) and pixel dimensions are all linked. Bitmap images contain bitmap data, which are a specific size (pixel dimensions). They also contain a ...
15
votes
3answers
13k views

Charging an Intellectual Property transfer fee for design work

So, you've finished a design job (eg. a logo design) and the client asks for your IP surrounding the logo, eg copyright, original artwork files, notes, sketches, all of that stuff that went into ...
16
votes
5answers
1k views

Where can I go to recieve feedback on web design projects?

Are there are any web design forums where designers can submit their work to receive feedback and advice? I am looking for a place that I can seek advice on how to improve my designs.
1
vote
1answer
109 views

Creating a Build-Your-Own Color Picker to go with Website?

I am trying to create a build-your-own type of color picker based upon the brochure image below: Basically I want to create a color changer that will allow a user to select each different ...
1
vote
2answers
149 views

Can anyone recommend a design book that has a strong pragmatic web orientation?

I've been looking through the site recommendations and other people's posts requesting beginner's design books but have yet to find anything that meets my specific tastes. I'm not looking to make ...
0
votes
2answers
194 views

Using Generate Image Assets to get repeating background from a shape with Photoshop CC

Rephrasing my question for clarity. I have a navigation bar that I've created from a Shape that has a border and a gradient. How can I use Generate Assets, or Extract Assets to get 2nd end caps and ...
4
votes
3answers
255 views

Illustrator is cropping exported icons despite artboard being Fit to Selected Art

I'm trying to export certain graphics from an Illustrator file. I'm selecting the object, fitting the artboard to the selected artwork, and saving for web & devices, PNG-24 format. When I look at ...
5
votes
1answer
116 views

Web design for Legal pages: What are some things to keep in mind?

So I have been looking around but cannot find any good advice on how to go about designing a page for legal matters. These pages would clearly state Privacy Policy, Terms of Service, etc. I think ...
0
votes
2answers
110 views

Changing color scheme of calendar icons?

Here's the image I'm working with: I'm wondering if it's possible to automatically change all the images to using a color scheme close to #489fdc. I've tried making changes in Paint.NET and ...
5
votes
5answers
3k views

Best practices for full width browser images?

What are the best practices people follow in respect to images on larger viewports? What size browser should we design for? Meaning how do we deal with high resolution monitors and what % of users ...
25
votes
12answers
3k views

Do web designers need to know how to code?

As a web developer, both front-end and back end architect, I work with many different designers and sometimes find it frustrating working with design comps where no thought was put into how to ...
5
votes
3answers
375 views

Do most web designers make their own textures?

I'm a web developer by training who is branching into UI/UX design. One of the things my design work lacks compared to experienced designers is subtle use of texture, such as on these sites: ...
0
votes
2answers
160 views

Critique: how can make this 3-column dashboard design flatter?

Attached you see my current design of a 3 column dashboard. How can I improve this design in a more "flatter" way? Be warned that I am no designer, so if you have links to tutorials that would also ...
5
votes
4answers
406 views

How can I left-align the text in a table of divs so that the rows are evenly distributed?

I'm trying to arrange some names. I changed them out before posting using generatedata.com but the real ones are in alphabetical order from left to right each row. I'm trying to figure out how to get ...
0
votes
2answers
168 views

How to optimize my pictograms for Retina screens?

Surprise when I saved my pictograms for the Web (from Illustrator): They are strictly not as clean as expected => totally blurred. Here's an example from my Retina smartphone: And the initial ...
0
votes
0answers
55 views

Why do photos jump around when exporting from Muse?

My company is trying to slowly move towards digital and we are in the process of learning Adobe Muse as a stepping stone to more legitimate web practices. One issue we continue to encounter is our ...
3
votes
2answers
342 views

Should my website's typography use the same font as my logo?

I am working with a logo that is using ChunkFive Roman. What's the standard web design practices regarding this? Is it good design to use the same font as my logo for primary headers? (also a side ...
-1
votes
1answer
69 views

Web Design, Custom Image changed with drop down selection box?

I am curious to know how those "customize -random product-" objects are built. I assume some sort of flash is involved. There are many websites that allow you to customize shoes, shirts etc, and when ...
0
votes
5answers
273 views

Web mock up to Dev

I was curious what is the process/ workflow for a web project. Specifically if you as a designer created a mockup in a (.psd or .ai), and you need to hand it of to the developer. Do you annotate the ...
0
votes
1answer
39 views

When saving image for Web, outlines change

I have an imagemap with a click and mouseover function on several areas. I edited and saved the images in Photoshop with the option "Save for web". I used PNG-8 with 256 Colors. Performing the ...