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,461
questions
-1
votes
1
answer
80
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 ...
paramshivaay
-2
votes
1
answer
47
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?
- 1
1
vote
0
answers
57
views
How to learn to create a landing page like this by pure HTML & CSS [closed]
I've found a nice landing page which is built under ant design - a ReactJS UI framework.
I suspect someone doesn't need to go that far to learn ReactJS in order to built something similar. So I ask ...
- 111
0
votes
0
answers
153
views
PS - Save for Web - PNG24 not full transparent in Browser
i tried to export my photoshop mockup file as PNG-24 with transparency, but it doesn't work. Here are some Screenshots what looks like:
Preview in Chrome
Not full transparent, why? and how can i ...
-1
votes
1
answer
58
views
A website with a large tree-structure diagram
I have a (personal) project that involves a tree-structure diagram (i.e. hierarchy chart) containing about 450 articles (or whatever the different parts are called) each with about a paragraph or two ...
3
votes
2
answers
482
views
Why are these two designs considered outdated and old-fashioned?
I have a project where the main important part is the back-end. But of course the front-end design is important, so I have made two different designs for the demo site.
But both designs are ...
- 101
1
vote
1
answer
634
views
Email banner/footer resolution versus pixel size
I have a design resolution for web and print dilemma. We use Sitefinity for our new web platform which includes a newsletter module for mass mailings for which I designed a header and a footer with ...
24
votes
7
answers
10k
views
Is the graphic designer asking too much of me as a customer?
I contacted a design team to redo my company's website (small company, <100 employees, in the construction industry, been around for about 30 years). The graphic designer told me that I need to ...
- 387
1
vote
1
answer
141
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 ...
- 111
1
vote
0
answers
37
views
Self-hosted, web-based typeface management? [closed]
I'm a web designer/developer, and I use linux. Linux has always been pretty poor with font management, and none of the options will even read woff2 files.
Almost all my font management is for ...
- 111
-1
votes
2
answers
72
views
Can a company patent/own/register a webdesign? [closed]
I was watching YOU (Netflix Original) and during the show, it shows a lot of chat bubbles, I was wondering if they had to create a brand new chat bubble for the show or if they can reuse a known ...
- 338
-2
votes
1
answer
107
views
Expressing "cuteness" through website design [closed]
(I apologise if this is off topic or too non-specific)
I'm designing myself a personal blog site, and I'd like to make the design "cute". The only cute design elements I can think of (curly fonts, ...
- 101
0
votes
0
answers
35
views
What is this navigation method called? And how can I implement it into WordPress/Divi Builder?
I'm in the process of doing a reskin on my company's website. Hoping to include a navigation method similar to what's used on Tesla's homepage on the left. I want it to be reactive to where the user ...
- 71
2
votes
1
answer
3k
views
For web, should a P3 image be converted to sRGB or left in P3?
When preparing graphics for the web, if an image is using Display P3 color space, should it be converted to the so common (and so unfortunately named) sRGB EIC61966-2.1, or left in its native Display ...
- 1,275
7
votes
6
answers
2k
views
How can I ensure consistency in web design?
I had a lot of trouble formulating this question, hopefully the title is representative to the question asked.
Currently I'm assisting / managing an intern with his first big 'web design' project. ...
- 173
0
votes
1
answer
106
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 ...
- 111
2
votes
2
answers
433
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
0
answers
102
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 ...
- 317
1
vote
0
answers
40
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 ...
- 111
0
votes
1
answer
218
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 ...
- 103
3
votes
3
answers
798
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 ...
- 511
0
votes
0
answers
47
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 ...
- 101
0
votes
1
answer
106
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 ...
Pierre
0
votes
1
answer
97
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 ...
2
votes
2
answers
18k
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 ...
- 21
1
vote
1
answer
64
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 ...
- 121
1
vote
1
answer
757
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?
- 11
0
votes
1
answer
1k
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
1
vote
2
answers
172
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 ...
- 11
0
votes
2
answers
56
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 ...
- 101
1
vote
0
answers
80
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 ...
- 11
8
votes
4
answers
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 ...
- 864
6
votes
1
answer
642
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
2
answers
110
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?
- 21
1
vote
2
answers
142
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 ...
- 11
0
votes
0
answers
34
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?
- 101
3
votes
1
answer
26k
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 ...
- 196
0
votes
2
answers
78
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 "...
- 7,900
0
votes
1
answer
37
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 ...
- 131
1
vote
1
answer
1k
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 ...
- 94
0
votes
3
answers
137
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 ...
- 103
1
vote
2
answers
90
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 ...
- 11
0
votes
1
answer
491
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 ...
- 648
-2
votes
1
answer
156
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
1
answer
72
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.
- 101
0
votes
1
answer
76
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 ...
- 303
0
votes
0
answers
68
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.
user8795
2
votes
3
answers
1k
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
1
answer
544
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 ...
- 23
0
votes
1
answer
102
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 ...
