Questions tagged [website-design]

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 here on GD.SE.

Filter by
Sorted by
Tagged with
0
votes
1answer
1k views

Why do edges get blur for font outlines and shapes?

(Illustrator 2015, artboard size: 960px x 887px, Units: Pixels) Original .ai file is here: For a few months, I was designing some logos and shapes using Illustrator. Now that I've some concepts ...
0
votes
1answer
1k views

Design safe area / top and bottom bars height through different systems and browsers

When designing RWD how do You consider design safe area? For example in 1920x1080, do You design for 1080 or You shrink it? If shrink, how much, considering Windows and Mac and also different browsers?...
0
votes
1answer
97 views

Header design for electronics store [closed]

I have to make a header for this store that sells Alarms, CCTV and others electronics stuff, the thing is that I cant find a design that matches with their logo. I spent several days trying to make ...
2
votes
4answers
673 views

Choosing colors for website elements based on logo colors

I am new to UX design (zero sense on choosing colors) and designing my fist website (social networking) based on the logo I have. My logo colors are teal and orange. Based on these colors how do I ...
5
votes
1answer
81 views

Rule for leaving some particular amount of the white space on the bottom of the page. UX

Is there any rule for leaving some particular amount of the white space on the bottom of the page? Or having the footer with a specific size? Especially for allowing users scrolling text of the ...
1
vote
2answers
119 views

How does a graphic designer design a webpage? [closed]

This is a really stupid question, I know. I took a graphic design class some years ago and we designed our website in Photoshop and then sliced it. I have a feeling graphic designers don't do that ...
-1
votes
1answer
406 views

Ideas to highlight various areas of a Single Page Web Application [closed]

I have created the following page. I have created a textured background, borders for two sections in the page. Search Results Selected Images What I want is an effective way of highlighting the ...
2
votes
3answers
3k views

Is there a free Helvetica Neue Extended alternative?

Does anybody know a free web font which is a good alternative to the Helvetica Neue Extended? We need it for the headlines on a new website.
2
votes
1answer
74 views

How do I use Save for Web to output a single image, when using a multi slice document?

I often have a sliced Photoshop document (because I use it to build my HTML), but sometimes I really need to save a preview of the whole project for the web, to use like a thumbnail for example. Is ...
1
vote
3answers
105 views

Saving assets for Web?

Is it best practise to make an icon for example in Ai and then export to png resolution 72 for use on the web?
0
votes
1answer
133 views

Having trouble with Retina image size in Email

I just got a new imac. When I opened up an old email design in Photoshop it was small. I saw that I was zoomed at 100% so this was confusing at first before I remembered RETINA... I redesigned an ...
0
votes
3answers
516 views

Logo appears too small on website

I used Photoshop but have started to recreate same logo in Illustrator because that's what I'm use to but for some reason I ended up using PS and against my better judgement it's now finished in PS. ...
0
votes
1answer
510 views

I am building a t-shirt online shop and I am taking designs from pixabay

I am building an online store and I am using designs for my t-shirts from pixabay.com and it says there free for commercial use. So does it mean I can print it on my t-shirts and sell it? Example ...
2
votes
3answers
155 views

Implementing dark image in light website

So I have the following problem. I need to make a website for a company who does the effects on parties etc. They have light colors (blue, gray, white) as their website-colors. But the problem is, ...
0
votes
1answer
854 views

Adobe Experience Design replace images in repeating grid as symbol

I have a repeating grid that I use as a symbol. If I change the images on one of my symbol-repeating-grid, the images are changed on my other symbol too. But in the docs, it's stated that To ...
0
votes
1answer
73 views

How can I get photos to look sharp and save for the web?

I am working in Adobe Illustrator...and old version...version 5. I am importing photos and doing a banner design for a website. Every time my client views it, her comments are the photos are blurry. I ...
0
votes
2answers
2k views

Favicon size in browser tab [closed]

I am creating a website and I have the logo. When I insert the logo in the HTML basically as a fav icon in the tab, it appears so small. The question can any body help to increase its size so it can ...
1
vote
1answer
86 views

Is it a good practice to write two letters vertically in a word for a logo design?

I'm making a logo for a noun. Now, the word has 2 adjacent letters in it that can make a thing that describes the noun. But for that I have to put them in vertical order. For example, consider the ...
0
votes
2answers
63 views

Sketch: different pages saved as different files?

When designing web pages in Sketch... what is the standard way to deal with different pages? So say if I design a homepage in one file, do I create a new file for, say, an 'about' page? Or would a ...
1
vote
2answers
76 views

Algorithmic heuristic for whether white text is unsuitable for a given background

I'm aware that manual selection based on human judgement will always trump a heuristic algorithm for things like this... unfortunately that's not really an option. :) So given a certain background ...
1
vote
2answers
135 views

Use of a hamburger menu for minimalist design on desktop website? [closed]

Here is a link to my website. My aim was to have a "minimalist" interface, with large font and lots of blank space. The idea was coming from the fact that I personally feel more like reading a webpage ...
-1
votes
1answer
415 views

Making semi-transparent colors on top of solid colors just like any other solid color

Is possible to have a semi transparent box on top of a another box that have solid color has the same solid color that i want? Is there any formula like this? (0.5 opacity color) + another solid ...
-1
votes
1answer
70 views

Seeking critique on website design [closed]

I'm looking for some constructive feedback on a website I've just designed. I'm curious your thoughts on the: Typography (Is the font readable for you? Is there enough contrast?) Color selection (...
1
vote
1answer
151 views

Is skeuomorphism in web design considered old-fashioned nowadays?

My CEO and his client expected me to copy the similar following site: http://grupoeuroquadros.com.br/. But I do not want to do it. The site is skeuomorphic and old-fashioned. Observe the 3D gradient ...
1
vote
1answer
144 views

How do I recreate this logo pattern? Any suggestions?

I am trying to recreate the pattern below, anyone know how this can be re-created? This pattern is from the Princess House logo. It is made of up about 6 small circles but how do I use illustrator to ...
-1
votes
4answers
934 views

Pixelated png images

I'm in the process of building my first wordpress website. So far I have uploaded most of my logos etc as .svg files and everything seems to be working great. However at the moment I'm working on my ...
-2
votes
2answers
252 views

Bad distortion with Adobe Illustrator export uploaded to web

Sorry I am still learning plenty with Illustrator and cant seem to figure this out. I tried exporting as PNG and also save for web option. Both give me this weird blurry texturing effect.
0
votes
1answer
82 views

SVG Graphics for Website

I have another no doubt silly question, I was hoping to get help with. Traditionally I come from a more Print media background, but I am currently attempting to build my website through WordPress and ...
1
vote
1answer
509 views

Photoshop: Save for Web - Always same size?

I'm working as a product photographer and I have to edit around 30 images a day in Photoshop. Whenever I'm done editing, the images have to be saved for web and always with a width of 1080px. My ...
0
votes
2answers
937 views

Are there any free Thai fonts that I can use for the web? [closed]

I work at a web agency and need a Thai web font. I've already found Tahoma, but my boss wanted me to find an alternative license free font for the web.
1
vote
2answers
127 views

How do I go about choosing image height on a background-cover div?

I have a slider on my page with the property background cover applied so it fits the whole thing. The slider also has a 50vh fixed height. The background always ends up cutting things from the image ...
0
votes
1answer
71 views

Where can I find the current Facebook newsfeed ad dimensions for designing ads for feed only?

This is the type of ad I am trying to recreate for a design competition. We will not be using Facebook at all during the process, but I need the proper dimensions to build the graphic. They also want ...
3
votes
1answer
197 views

Jump to page in SWF viewer generated by InDesign

I have a cca. 120 pages book prepared in InDesign CC (2017), which was printed some time ago and now the customer wants it published on their website. The layout is quite complicated (it's more like ...
12
votes
5answers
4k views

What's the name of the web design pattern of showing the shape of content while actual content is loading?

It's pretty common for Single Page Application (SPA) sites to load and display the site layout before loading its content. Lately, I've noticed that instead of just showing a wait-spinner or "Loading....
-1
votes
1answer
57 views

What is the best shade of grey for hovering over black? [closed]

What is the best shade of grey for hovering over black in a Middle-age-themed website. Preferably, answer with the exact 16-bit name.
11
votes
4answers
807 views

Why should I calibrate my screen?

As both a web and print designer, I have never seen the need to calibrate my displays. Especially for web design, I wonder why I should spend several hundred euros to calibrate when I can instead test ...
0
votes
2answers
580 views

Should the browser interface size be taken in to account when designing web apps?

As the table below suggests, should you take into account the size of the browser itself when designing web apps? For example, should my artboard size be 1331x548 instead of 1366x768? http://www....
6
votes
2answers
655 views

How can moiré effects be diminished in clothing photographs?

I am almost ready to launch an e-commerce site for a client but some of the clothing images have a strong moiré that is quite disturbing: I know I could blur the photos to get rid of the moiré but: ...
1
vote
2answers
92 views

How do you design headers in web layouts?

Do you think it's important that the <h1>, <h2>, <h3> font family and size don't change in whole design? For example, I need to change the <h3> tags in the design sometimes.Do ...
11
votes
4answers
4k views

When designing a website, how do I know how users see the colors?

When designing a website, how do I know how users see the colors? I see the colors of the website differently from my Macbook and Windows desktop/notebook. Especially I can’t see light colors on ...
-5
votes
1answer
1k views

How can I create my web page's background with my own animated Gif? [closed]

I have an animated Gif. I would like to make it as my web page background. Please let me have HTML/CSS code for this.
0
votes
1answer
45 views

illustrator cs6 raster stroke issue

I don't think I had this issue in CS3. In CS6, say I have a stroke of 1.25pt for a straight line, when I save it for web, the stroke will be the same as 1pt instead. I tested and going up to 1.37pt ...
2
votes
1answer
7k views

I need .png file with transparency but when I export file as .png I get black background?

I need .png file with transparency for web but when I export file as .png I get black background? I am working in Photoshop and Illustrator.
-1
votes
3answers
551 views

Proper settings for web

I am trying to get clear banners on a website. They don't look crisp and clear after compressing them (size 100 kb or so) for web. I'm not sure what i'm doing wrong. The banner sizes are 1920px ...
2
votes
3answers
3k views

Web Design: Photoshop vs InDesign

I am sure this has been posted a thousand times by now, but I can't seem to find any solid threads or articles. All over the internet, I see people speaking about how great Photoshop is for web ...
5
votes
1answer
7k views

What shade of light grey can be seen on 99% of monitors?

I'm working from a design where the grey shade F0F0F0 is used as a subtle contrast on list items to lift them from the pure white background, eg: I have a two monitor setup, and on one monitor, I can ...
-2
votes
4answers
806 views

Which one is better for website design, photoshop or illustrator?

Need suggestions, which adobe program is better for website mock-up design. I am using Photoshop throughout of my career. But adobe community is talking about illustrator cc for website mock-up design....
1
vote
1answer
124 views

Bootstrap psd design does not fit the grid

I am a developer and I have a doubt about grid-based PSD files given by a designer. Those files are supposed to fit the standard bootstrap 3 grid. However, I sometime receive this kind of file : The ...
5
votes
2answers
1k views

What can the favicon of a website be based on if the website doesn't have a logo?

A favicon is the small icon that is displayed next to the site name in the tab bar of the browser. Normally, those are based on the logo of the website (or the logo of the company/entity that runs the ...
2
votes
1answer
912 views

SVG Logo Blurry on Web Page

I created an svg logo for a website ( http://prionts.com.au/ ). Unfortunately the logo looks blurry on the screen. This is particularly obvious with the shutter 'O' and the 'Photography by Rio Jones' ...

1 2 3 4 5 28