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
62 views

What kind of design style is this website?

What kind of style design is this website? https://ko-fi.com/. I'm a pretty newbie frontend developer, I know that Material Design and Antdesign are pretty popular, but ko-fi.com doesn't look like ...
0
votes
0answers
25 views

Techniques for Color Layout on Web Pages [duplicate]

I am building a website with at least 10 different types of pages. I have the pages laid out in terms of where content goes (e.g. text, images, and icons). I also have a color scheme that I like. ...
2
votes
2answers
70 views

How to convey the specifics of animation mockups to developers

The developer at my studio is pushing me to create more compelling/interactive mockups of websites. We are at a total loss as to how I can communicate the specifics of the animations in these mockups ...
0
votes
0answers
67 views

How to represent a compressor in dashboard

I am creating a web dashboard and want to display different sections of a compressor (oil or gas). Each section has a sensor that Check in/out of the flow of the content in the pipe. Green denotes ...
1
vote
0answers
34 views

Matching colors for customer's display [duplicate]

I realize this a difficult issue to solve but still, maybe someone can suggest a good compromise. When designing a website on my system the colors look the way I want but when checking them on the ...
0
votes
1answer
42 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 ...
3
votes
3answers
95 views

Which techniques do you use to find the right brightness setting for a photo for web?

I'm taking photographs of paintings on a white wall, and I am post-producing them for use on a website. Very often I'm asking myself "Is this the right brightness? Too dark? Too light?". I know that ...
0
votes
0answers
34 views

How to choose font and text colors for Full-Page backgrounds?

I am an amateur web developer, and I am teaching myself React. Currently, I have been building a personal website hosted on github pages. I want to complete the mobile design first, see some pages ...
0
votes
1answer
56 views

Could not find a navbar background that fits with my logo

I recently changed the logo for my company but now it does not fit anymore on the navbar. The color of the logo are #3331a1 and #a8b0c6. I don't really want to have a white navbar but seems to be the ...
0
votes
1answer
40 views

How strict do you use type scales?

Whenever I'm designing a website I usually choose my font sizes on intuition. However I would like to start using typographic scales in my designs to create more consistency throughout all pages. But ...
1
vote
2answers
94 views

Mirror copy of a website iin figma

I'm trying to improve my design skills and decided I would try to do a redesign of reddit or bbc website. I use Figma and started from scratch. Then it dawned on me perhaps there is a way to do this ...
1
vote
1answer
57 views

Is the heading in this webpage properly aligned?

In this webpage (see first screenshot below) is the page title (Merge PDF) properly aligned/balanced? I placed it aligned with the logo (Integrable, in the left) and the blue button, but it doesn't ...
0
votes
1answer
41 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
0answers
27 views

Elements layout and padding

Good evening, please tell me if there are any comments on the indentation and are the elements correctly positioned? Are there any comments?
0
votes
0answers
46 views

Export AI from Ilustrator to SVG looks blurry and pixelated

I am trying to export an AI file to SVG in order to embed it on an webpage. AI file is located here (diente.ai). Whatever options I choose in export menu, the svg file always looks blurry and ...
1
vote
2answers
52 views

Status icon for verification, claimed and both combined

I'm currently working on a web app, which has different kinds of status. It can either be nothing, claimed, verified or claimed and verified. This is the current version for status "verified". I'm ...
0
votes
2answers
32 views

How do I let the user know a menu will appear on touch slide?

If I have an hamburguer icon on mobile devices, how do I let the user know a menu will appear on touch slide instead of clicking the icon? Is there any visual trick both for the touch slide left and ...
1
vote
1answer
35 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 ...
8
votes
4answers
1k views

How to deal with making design decisions

I'm currently in the process of designing a website, and after spending a few weeks now narrowing down a few combinations of fonts for the site's hero banner, I'm now stuck at the final decision of ...
6
votes
1answer
554 views

Job title of a person who does web animation

Does anyone know the job title for a person who develop websites just front-end but is heavily involved with creating animations, WebGL and all moving elements? I know it wouldn't be just a front-end ...
1
vote
2answers
94 views

Is “Communication design” is the same as “Design Communication”?

I want to know if the meaning of communication design is the same as design communication?
1
vote
2answers
80 views

How to make web design pages harmonious?

I am working on a Pre-School Web Design, and I feel quite stuck on a point where I don't know what else I can do to make it just a little bit polished. I was using a template for base, with a lot of ...
0
votes
0answers
26 views

Displaying a proprietary logo modified to match website style [duplicate]

I'm designing a blog that has a "Tags" page. I was thinking of displaying a modified logo for each tag. For example: Tag: CocaCola Logo: CocaCola logo modified How legal is this approach?
2
votes
1answer
826 views

How to prototype a fixed header that changes color on scroll using Figma?

I am replicating a website in Figma and I'm stuck at a point. I want to create a header which will fix at the top. But here is one more condition, the header will change its color after scrolling the ...
0
votes
2answers
39 views

Standard icon for SMS

I've been working on a website where there will be two buttons: "Call us" and an "SMS us". The user might be on mobile or on a desktop browser, and I'd like to make it clear that the SMS icon means "...
0
votes
1answer
26 views

Static web design = Photoshop, animated web design =? [closed]

I'm a project manager and I want to hire people to design a new website. For typical websites without animation, I hire Photoshop specialists and receive deliverables as .psd. But this time I'm ...
1
vote
1answer
140 views

How can I change icon colors on different background colors?

I'm using two solid icons on a card which has different background colors ( sometimes colorful images). I wanted to see if there's a way that I could make my icons visible and readable on all color ...
0
votes
3answers
58 views

Acknowledge a design company as source for my work

I started working on a website 3 years ago. For the first year, I worked with a design company that created the original look for the website. Since then, I stopped working with them and I changed ...
1
vote
2answers
66 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
43 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
45 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
48 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
74 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
60 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
44 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
60 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
3answers
98 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
75 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
57 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
40 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
45 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 ...
5
votes
3answers
140 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
22 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 ...
1
vote
0answers
21 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
59 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
31 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; ...
1
vote
1answer
156 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
80 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 ...
5
votes
2answers
27k 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 ...