Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

1
vote
2answers
51 views

Should I use “fake typography” in illustration? [duplicate]

So I want to make an illustration of two sheets of paper and a smartphone with a restaurant menu. It's gonna be featured on a webpage next to a paragraph of text. My question is: should I use real or ...
0
votes
0answers
35 views

How to normalize the colors of a set of arbitrary images into a consistent, instagram-like filtered look

I have a thousand images let's say, of all different types, basically like what you would find on Wikipedia. They are all JPGs though. Some of them have a solid light or dark background with a figure ...
0
votes
0answers
33 views

SVG - inserting a design into web site

We have a website which is an online print shop, online design studio. We are having problems with SVG. When the SVG file is imported into the site, the texts are broken letter by letter. I would ...
0
votes
1answer
43 views

How much space I should leave for browser taskbar?

Normally the height of a website wireframe is not a problem because we are expected to scroll. But what if the website is designed to fit the screen height? If we make a wireframe of a website that ...
-2
votes
1answer
68 views

how to make the user page of my website look less bland [closed]

I have a websigte that looks super bland, and I'm not sure how to make it look better. anyone have any suggestions?
0
votes
1answer
51 views

What software/tools was used for this [closed]

https://dogstudio.co Saw this on awwwwards today, and was blown away was just curious what tools/software could have been used to create an interactive background like that.
0
votes
1answer
38 views

Styling a list of numbers on the web

I need to display a large list of decimal numbers on the web (~300) all in the range of [-1, 1]. The intent of showing these numbers isn't to display their full precision, but to convey to the user ...
1
vote
0answers
55 views

What do you call this style of illustration I've been seeing quite a lot? [duplicate]

There is often organic shape, very minimalist illustration of a person(s). I know these are flat vectors, I want to know name of artistic style.
2
votes
4answers
50 views

Saving images for web with text

At my work I create assets for web. We have been saving images that are 686 x 391 px. I’ve noticed that the quality of images with text isn’t as good. Is there a recommended size for images with text ...
2
votes
1answer
60 views

Why is the site resolution 1600 x 616px?

I'm a beginner in web design and I'm learning through tutorials and I do not understand why the screen width is 1600px and height 616px. Why is not 1920px and whether this is a good solution on the ...
0
votes
1answer
50 views

Does anyone know why some images get a grainy “halo” when uploaded to the web - NOT a low resolution image [duplicate]

I have a thorough understanding of high resolution vs low resolution photos, print vs web resolution etc, that shouldnt be the problem here, at least not entirely. Does anyone know why some photos ...
1
vote
0answers
38 views

What Design process should you follow as a design lead? Are there any ways you can make it easy for your juniors? [closed]

Say, I want to make it easy for my juniors to follow a design process so that it help them from missing the deadlines and work in an organised manner, so that they enjoy while working.
0
votes
1answer
39 views

How much memory is required to send a 300x500 pixel page to a 500 dpi printer if each pixel is 20 bits? [closed]

I am stuck in solving the problem given below: We are sending a page for printing to a printer with 500 dpi. the page size is 300*500 pixels. if each pixel is 20 bit then how much memory this would ...
3
votes
3answers
56 views

Best practice for alignment of numbers in ordered list

Code complexity aside, which of the follow two options is preferred for displaying html ordered lists? The first aligns the item numbers to the right (with decimals all in line). The second aligns ...
1
vote
1answer
21 views

Adobe Illustrator formating to JPG turing out stretchy @ [closed]

I have finished some work on Adobe Illustrator, converted it to PDF and then JPG. but no matter how many times I changed the settings with compression, My art board looks all squished...anybody know ...
0
votes
0answers
13 views

Are there any ways of hiding object in Figma?

I am facing problem when I need to change the icons, are there any options in figma to hide the icons or object?
-1
votes
1answer
57 views

Is it a copyright infringement [closed]

As I asked above .Is it a copyright infringement or not. If it is ,what to change in order to make an original content.
0
votes
0answers
26 views

Name of this web design trend [duplicate]

I'm looking into modern web design trends and see these character illustrations more and more. It feels like a lot of sites are taking this turn but I can't seem to find anything online about these ...
24
votes
8answers
7k views

How do I make this color combination more readable?

I am trying to improve an existing web site, and this is what I am starting with: <body style=' background-color: rgb(50,101,152); color: red; text-decoration-color: red; ...
0
votes
1answer
90 views

Combining serif and sans serif font with matching x-height

I have a simple web page which uses a serif font and a sans serif font; both are set with font-family: serif and font-family: sans-serif respectively. With these settings I would expect that a well ...
0
votes
4answers
78 views

Iconography - Icon or text first?

What is a better approach for designing buttons for the web? Should the icon come before the text or after? Personally I think it really depends on the context of area but just wondered what would be ...
3
votes
2answers
6k views

Web design (responsive) page sizes in 2019 [duplicate]

It's 2019. I am designing a web site (not developing). I am considering creating 3 layouts for each page: 375 x 667 (mobile) 1366 x 768 (laptop) 1920 x 1080 (large desktop) I'm basing these sizes ...
0
votes
0answers
44 views

Is there a suggested width for website images on the new 4K and retinal monitors?

Is there a suggested optimal width for web images on the new 4K monitors? Someone who's redesigning the site for the company I work for claims that the 770 pixel width images that are in the content ...
-2
votes
1answer
93 views

What is this style called?

This is a repost from the ux stackexchange. I am trying to find the name of the style of the following websites. It's a mix of classic bootstrap and material design. But instead of full material ...
0
votes
0answers
55 views

Tips on color in UI?

I've been working on a personal project recently, and I'm having trouble implementing the full color scheme. I've uploaded a semi-functional mockup . My primary and secondary colors are: rgba(245, ...
1
vote
1answer
87 views

Nested table of content designs

I'm using Bootstrap 4 for my websites layout, and recently wanted to create a nested Table of Content. Considering https://graphicdesign.stackexchange.com/help/on-topic, I'd say this is about the ...
0
votes
1answer
37 views

List all hues used on a webpage or an application

I read How can I find out what RGB colors a website uses? and know how to spot a color on the website. There are several plugins available, and this topic is beaten to death on above stack page. ...
0
votes
1answer
98 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 ...
3
votes
0answers
59 views

Real estate property listing formatting

Working on this real estate development website with multiple units for sale, each of these listing the number of bedrooms, bathrooms, floor and unit surface per unit (below the 'Family Unit' title). ...
0
votes
1answer
73 views

How to make a video of a counter e.g.100-1,000,000?

I'm developing a website and want a counter upon start up to go from 1,000-1,000,000 So we decided the best way to do it would be to put a video on the cover that would play on start up. Now how do I ...
1
vote
2answers
68 views

Are there any downsides to a dark theme?

I'm not a graphic designer - I'm a web developer. I'm looking at creating a portfolio website, and hiring a graphic designer to design it for me. By default, I personally like dark themes - and ...
0
votes
0answers
28 views

Proofing for displays with low color fidelity

I'm tasked with designing a web application that will run on a range of TVs and monitors, all with potentially bad color fidelity. Users will be using this app in a "Kiosk" fashion, standing 30 to 50 ...
0
votes
1answer
160 views

What technologies should I learn in order to design low-poly art for the web?

What is the following type of art called and what technologies does one need to learn in order to produce this style of art? The best word I can think of to describe the art is low-poly but I have a ...
1
vote
2answers
72 views

Adobe Sign for Websites

I have an editable PDF I want to put on a WordPress site. When people just try to open the PDF in their browser normally, the signature field is just a text box. When I make an Adobe Sign request ...
0
votes
1answer
64 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....
0
votes
2answers
91 views

What is the element being used here?

I cant inspect element and find out, how they have implemented it. It's not simple highlight though, it has this glassy , feel to it . Edit : not glassy anymore
1
vote
2answers
221 views

How can I as a Front End Web Developer take advantage of tools like Photoshop?

So quite often I read that using Photoshop or something equal as a Web Developer can help a lot in actually making a concept of the Page and or moving stuff around more quickly to see how it looks, ...
0
votes
1answer
99 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
4answers
225 views

Steps to becoming a Web Designer without writing code?

I'm a senior back-end developer. I have a sister who's a designer, and she really struggles to get to the end of the month. I see how successful web designers can be in agencies and software companies ...
0
votes
2answers
111 views

Layouts for website 30% bigger. Could the problem be related to dpi?

I created multiple layouts for a whole website with 150dpis. I sent the layout to the developer and when I got the site back it was horrible. The fonts were very big. The images too. The sizes are 30%...
0
votes
1answer
692 views

Hero image size and optimize [duplicate]

Size: What size would be good for Hero image in pixels length and weight for both laptop and desktop? Desktop images are more rectangular and the mobile device square images, this needs to be ...
1
vote
3answers
365 views

Dimensions for designing a website

I have three related questions: When it comes to deciding on the dimensions for responsive web design, who calls the shots at a digital agency? Is it the visual designer, developer, product owner or ...
7
votes
2answers
479 views

What colour space does a browser use?

Please correct me if I'm misunderstanding anything here - I think I understand that a hex value of #AE0000 is meaningless without knowing what colour space it refers to. If I write that in CSS as a ...
3
votes
3answers
122 views

Are there any platforms on which we can keep our Psd's and AI file safe and also for sharing purpose?

I am looking for some platforms on which I can keep my heavy PSDs and other AI files safe. Also, I want to be able download them later when I want. How do design companies share files? Through ...
0
votes
1answer
85 views

What are the best font-paring and complimentary accent color for a brand that uses Old English font and dark blue (#001d3b)?

I have a project developing a web app for a school which it's brand and identity using Old English MT font and color #001d3b (dark blue in the image). The problem I'm having and currently bugs me is, ...
1
vote
2answers
131 views

What can good artists do to become good designers (web & app)?

I'm working towards a career change. I'm a good artist, but I've found that this does NOT translate into being a "good designer". Recently I took on a couple of jobs to test the water. I did two logo ...
0
votes
1answer
61 views

How (or will) using black and white version of logo on main site be contra-productive?

A company I work for is in process of making a new website. Management wants to use only black and white version of our logo which primarily is colored. The website will have a very minimalistic ...
1
vote
2answers
50 views

Live Paint work for a responsive website?

Do vector drawings colored in with Illustrator's Live Paint work as expected for use in a responsive website?
3
votes
4answers
148 views

How should a web programmer learn to design websites? [duplicate]

I worked at an agency coding websites for some time. I got very good, to where I could code entire websites from scratch in less than a day. The agency had a separate department for graphic design, ...
3
votes
3answers
134 views

Designing a webpage for cake customization

I am developing the website of a bakery where the client wants to offer different customization options for the various layers of a cake, namely, frosting, filling, etc. The design that i came up ...