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
5
votes
7answers
1k views

Modern design - What's that?

I am working on redesigning my website and iterating through fivesecondtests. The overall feedback is improving but no matter what I change, several people have mentionned that my designs look "...
0
votes
0answers
26 views

Import multiple images to multiple artboards in sketch?

Is there a way to import multiple images to multiple artboards, preferably in alphabetical order? In this example, I have 200 components that all have the same design, but each have a different image ...
2
votes
2answers
77 views

typeface recommendations

I'm not an expert in graphic design, but I have some basic knowledge. So I would like to ask some typeface choice recommendations. I'm designing a website for a potter where he will present his work ...
32
votes
13answers
5k 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 ...
12
votes
3answers
9k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
-1
votes
0answers
39 views

Set two images corners in a specific position

Good Morning. I'm working on a web project and I need to set images corners in a specific position, also they have to be centered on a page on window resize. I tried to do with this, but it not works: ...
1
vote
2answers
36 views

Match screen colors to printed colors (not vice-versa)

I have a book detailing different color pallets of traditional Japanese colors, and I want to use one of these color pallets in designing a website. The issue is, the book lists all the colors in CMYK,...
0
votes
2answers
43 views

Using Play Store badges and F logos, etc. on printed material

There are established guidelines about the use of the Play Store logo, Facebook F logo, etc. in websites, etc. There is a related question on this topic here. Google play store has its guidelines here....
16
votes
8answers
26k views

A good monospace, condensed and open-source typeface?

I'm looking for an optimal typeface for report tables that will contain many columns (the reason for condensed). The reason for monospace is that these reports will contain a lot of numbers and we ...
61
votes
17answers
311k views

Web Safe Alternative to Myriad Pro Font?

Are there any fonts that I can use in my font stack that are more or less similar to Myriad Pro and web safe?
4
votes
3answers
4k 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?
0
votes
1answer
325 views

web banner that needs to be sized 469x60 pixels

Designing a web banner that needs to be sized 469x60 pixels. I am using Photoshop and everything looks blurry. I tried creating it 4x larger and then downsizing but it is still blurry. From what I ...
0
votes
3answers
20 views

What icons would be better to distinguish between knowing an answer or not?

I know the headline might not be that explanatory, so let me elaborate. I have a website with some different questions, for which you can get the answer revealed if you click on a button. So that ...
2
votes
1answer
168 views

Export selected layer from Photoshop to web format

I have this big PSD file (300MB) which I need to somehow, export each layer as a web format (PNG for example) to fit them in a HTML. The only thing I found in PS is in the Scripts menu, the Export ...
1
vote
1answer
46 views

ADA Color Contrast - Best Practices

We're currently working on a new website and ran some tests to check ADA compliance on our website. There's a color we're using that isn't compliant on certain font sizes. We also use this color on ...
0
votes
1answer
39 views

Would using a side menu in my portfolio page be a design faux pas?

I'm a full-stack developer, creating a portfolio page with node and react. I'm using a side menu that has some pretty cool features, and I think it looks great. I want the page itself to have a ...
7
votes
3answers
755 views

What's this style called, with blocky text and strong circle shapes?

What's this style of design called? http://www.mademyday.de/ Thanks. [UPDATE:] I should have posted more examples, here's another and I'll look for more: http://www.fajnechlopaki.com/ I'm talking ...
0
votes
1answer
26 views

How to add images and videos to screen mock ups?

I'm a beginner in UI right now and I wanted to upload my work on Behance. But I want to put my project images on the iPhone screen mock-up. I did know basic things about it but still confused about ...
0
votes
0answers
27 views

Best way to mockup folder/dropdown structure on a website

I am using photoshop to emulate a dropdown list, and how someone can drag items into and out of folders: This is beyond tedious, especially as various folders have different properties. Are there any ...
2
votes
1answer
552 views

Best Resources for Facebook/Twitter Page Design

I'm currently in the process of creating a few custom Facebook and Twitter backgrounds for some of my company properties and I wanted to know if there are any extensive galleries and tutorial/template ...
0
votes
1answer
156 views

Svg file exported from illustrator rendered incorrectly on IE and Edge

The svg file code: <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" width="811.49" height="817.74" viewBox="0 0 811.49 817.74"> <path class="b" d="M692.4,290.2c5.4-4.2,6....
14
votes
9answers
43k views

Trebuchet MS web font alternatives

I have a fairly dated site that uses Trebuchet MS font in Latin and Cyrillic scripts. If I understand correctly, once (a decade ago) this font was available on like 95-99% of computers used for web ...
0
votes
1answer
88 views

Responsive design in CorelDraw 2019

How do you do responsive web design in CorelDraw 2019 (or earlier)? Some programs (like Affinity Designer, Sketch, Adobe XD) have specialized features like a constraint system, that allows a ...
1
vote
1answer
123 views

Steps to to handing off designs to engineers

I work as a UX/UI Designer at a small startup right now. My background is in design with some front end work. I'm not sure our process for handing off files to developers is the most efficient and ...
0
votes
3answers
285 views

What is the technical term (if one exists) for this kind of website design?

I'm looking to define a website layout that's fairly common on a lot of websites but can never get the right word. The design is composed of generally a header banner (like StackExchange/Facebook/...
0
votes
3answers
210 views

New 'Scroll' Structured Websites

What's this design style used by so many new websites called? If anyone wants to edit this post to use a different link feel free. I'm just wondering how the CSS and such works for websites that ...
0
votes
1answer
71 views

Looking for feedback to design a tabbed menu

I am working on an e-commerce website. I am creating a Shopify app for the e-commerce website, and I want the shopify app to be within a tabbed menu. The app has 2 tabs: Product Mapping: for ...
1
vote
0answers
31 views

Graphical element for range between two elements

I have two long sentences. One describes a product in very simple configuration and one the same product in extremely complex configuration. I would like to place them on a website next to each other ...
9
votes
1answer
21k views

Add a hyperlink within Illustrator [duplicate]

Is it possible to add a hyperlink to an object or a layer within Illustrator CS6 for a later SVG export? I know about the possibility to manually edit the exported file and wrap elements with an <...
0
votes
1answer
2k views

Large color palette generator?

Is there a color picker that will generate a large palette of colors say 10 or so? Most I've seen max out at 5. In my case, I have a project that has about 14 color-coded sections and it would be nice ...
11
votes
2answers
29k views

How to select HEX values / colors in Inkscape

How to select web colors in Inkscape? I know that I can select the ">" at the bottom-right of the screen and select WebHex and then select one in the bar. But in that bar there are just a few colors. ...
4
votes
3answers
183 views

Strategies for picking good colour palettes?

I'm new to web design. I learned the basic stuff like layout, contrasts, the difference between RGB and CMYK, etc., but I struggle to apply this well in practice: Picking good colours that work well ...
2
votes
2answers
808 views

Why do websites put an overlay of dots on their images?

On the following websites: https://www.the215guys.com/, https://saffronindianbistro.com/ there is a repeated pattern of black dots over the large jumbotron images. What is the reason for the overlay ...
3
votes
2answers
77 views

How to distinguish between graphic design proposals

I received a number of Web design proposals for a project I'm working on. Most of the proposals are extraordinarily generic; the only thing that I, as a non-design person can easily distinguish ...
3
votes
1answer
111 views

What exactly is white space?

I'm new to web design. I'm studying white space but I haven't found yet a clearer explanation of what space is and when I need to use it. The tutorial that I've read only said that white space is ...
15
votes
8answers
43k views

Where can I get images for commercial use?

I am running a web site design service for local small business owner. I want avoid legal issues on the images I use. Usually, the images found on Flickr are forbidden for commercial use. Where would ...
1
vote
1answer
114 views

how to export svg with only lines in illustrator?

i need to have the design of my project in lines, polygon,and polyline, but it makes them paths, it's possible to doit withouth editing the svg code directly?
0
votes
1answer
89 views

How was the old GeoCities art made?

I've been going through old archives of Geocities pages and I'm slowly becoming obsessed with the general aesthetic. I never had the chance to make my own back in the day as internet was a luxury ...
4
votes
9answers
7k views

Is there any way to save a Web page screenshot with a transparent background?

I prototyped my web page directly in HTML/CSS, using custom fonts for header text. The font rendering however is very different on Windows, so I would like to export some parts of the Web page to ...
0
votes
4answers
294 views

How to deal with “poor design” client feedback

I was commissioned to design a website for a cruise ship/boat that has 7 restaurants on board. The client provided a reference for their competitor which is Pier88group. I went ahead and designed an ...
0
votes
1answer
108 views

What steps I can take to make this banner less crowded or with more empty space?

I've tried many options but it's not working. Actually there are 3 groups of bottles in this banner and lots of text. So it is looking crowded. I tried small big size, placing copies here and there ...
0
votes
1answer
45 views

Tool for creating portfolio item for Mobile, Tab and desktop

I would like to create a nice portfolio item like below. But I'm a developer and no experience with graphic design. But I would like to create portfolio items. i.e. no need to be a professional ...
0
votes
2answers
35 views

Icon for Telecommunications Services

I'm working on a service quality monitoring dashboard for my employer. The site diplays QoS parameters for hundreds of different telecommunications services provided by the company: messaging, voice ...
16
votes
4answers
3k views

Do SVG images look better scaled down than a high resolution png, jpg or gif?

I know that if you want to scale-up an image, then a SVG is a wise choice. However, my situation is that I have icons that I want users to be able to upload via a CMS. SVGs are just that bit ...
0
votes
1answer
59 views

Replicate drop shadow effect

I'm trying to replicate a drop shadow effect displayed here, but can't seem to get it right. The project has this section which seems to explain how to perform the effect, but I feel I'm doing ...
0
votes
3answers
249 views

Best way to save web ads in InDesign with maximum clarity?

Creating InDesign web ads saved at 72ppi they look blurry. When saved at a higher ppi and then checking image size in Photoshop, the pixel dimensions off. If you create a web banner ad in InDesign,...
0
votes
1answer
35 views

How to use WCAG requirements for logo text contrast in interface? [closed]

Please, help!! I've read rules from WCAG (Accessibility Guidelines) for using logo text contrast in the interface. The rule 1.4.3 https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-...
1
vote
2answers
186 views

Ideal range of brightness and saturation for background color of a website?

I'm developing a website and I'm thinking about the background color saturation and brightness. I've read that too saturated and bright colors would strain the eye if not immediately after a while. ...
-2
votes
1answer
31 views

Current website design template [closed]

Is there a "template" so to say that is being used in most websites in 2020? As in what's the new design idea, designers are using?
9
votes
3answers
386k views

What width should I design for when creating a website? [duplicate]

I just got a freelance project to design the UI for a website. Can someone tell me what layout (dimension) is used to design a website front end in Photoshop? What are the basic dimensions used?

1
2 3 4 5
28