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
1answer
520 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 ...
-3
votes
0answers
27 views

How to make good looking Instagram graphics with Canva

(I've asked previously in a shorter form. I dont want to bother too much, but maybe I will be able to get some info which would direct me into making good looking Instagram designs with this tool). ...
1
vote
2answers
60 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
1answer
64 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?
0
votes
0answers
18 views

Full-width sidebar or 85% with backdrop on mobile? [migrated]

What is the best practice when it comes to sidebars and user experience on mobile? Is it better to have one that is full-width or one that is 85% width with 15% backdrop? What are the benefits or ...
0
votes
0answers
41 views

correct i chose the indents? [closed]

What are the comments on the indents, did I pick them up correctly?
2
votes
1answer
42 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
0answers
63 views

Pros and cons of putting a tooltip on a button? [migrated]

I want to display a tooltip on a follow button to explain how notifications will be distributed. I don’t know if it’s a clean design or if I should find another way to explain the action. What are ...
0
votes
2answers
36 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
25 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
37 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
49 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
59 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
38 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
43 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
46 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
71 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
55 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
54 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
66 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
52 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
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
64 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
14 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
27 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 ...
23
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
107 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
79 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
13k 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
45 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
96 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
58 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
90 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
40 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
163 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 ...
4
votes
2answers
85 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
84 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
30 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
172 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
74 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
70 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
92 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
235 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, ...