Skip to main content

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
1 vote
1 answer
55 views

How should I solve this text alignment problem in my web design?

I'm currently building a new website in wix for my company, and I wanted to know if it's a graphic/UI sin to have mismatching headlines with a single line sentence vs double. The website is responsive ...
Ram's user avatar
  • 11
0 votes
0 answers
24 views

3D Layered/Stacked images? How?

I came across this image whilst i was randomly browsing and I wondered how it's created. I think this technique would be useful in presenting information on a powerpoint and the like but I'm not sure ...
ke3pup's user avatar
  • 101
1 vote
0 answers
21 views

How to match the quality setting of an already lossy JPEG when saving?

These days I encounter this type of situation less and less, but I've always wondered... If your source image is not ideal and you're given a lossy compressed JPEG, when you edit and export the edited ...
Mentalist's user avatar
  • 1,563
1 vote
1 answer
37 views

Are there standard questionnaires for comparing 2 different UIs?

For my research I am going to create a new UI for a system and test if that makes people able to use the system better, able to learn it more easily and more satisfied. I test the first two with some ...
Mennolt van Alten's user avatar
0 votes
0 answers
27 views

How to setup variables for fake user profiles in Figma

I have a fairly content heavy prototype and I’m using variables for fake data but I feel like im using it in a way that is probably not the best way? For example, I have a collection called “Fake Data”...
Oscar Godson's user avatar
1 vote
2 answers
332 views

How to display long, text-only lists of information

I am designing a page for a client, and they want to have a list of all the members in their organization. However, they only provide names for each member, and so there aren't any images, emails, or ...
Kylie Crooker's user avatar
0 votes
0 answers
46 views

Noticeable FOUT with variable fonts

On an WP site I use a framework wich supports custom fonts upload. But, a font file upload for every font weight. For 3 weights I'll have in the header 3 @font-face{ declarations with 3 font files ...
user51649's user avatar
0 votes
3 answers
91 views

What is the professional term for an image that separates between parts of a webpage?

If you want to separate parts of a webpage in a website you could use a CSS border command or an HTML <hr> tag, but these designs could be a bit bland and you may want to use some wide image for ...
website_builder's user avatar
1 vote
0 answers
49 views

Neutrals in web design and how to pick them

When designing a website/mobile you need to choose your neutrals. But I can't get my head around it. Sure I can move the color picker around but I'm trying to generate neutrals in a controlled, ...
PinkWhaleRider's user avatar
0 votes
2 answers
482 views

What formats are commonly used in animated elements on web pages?

What is the industry standard format for animated elements on web pages? I know these can be videos and GIFs, but it doesn’t seem as if these formats are providing high enough quality, and video files ...
HullBreaker's user avatar
1 vote
0 answers
45 views

How do I go about colouring visited links?

I'm making a website for my software company. Originally, I made the "visited" colour for links a darker version of the primary link colour. Looking back, I decided that the dark blue colour ...
AcinonX's user avatar
  • 117
0 votes
1 answer
106 views

No idea how to reproduce this gradient, any advice?

Any idea how one would reproduce a similar effect? gradient but how, i have no idea
lktyty's user avatar
  • 3
0 votes
1 answer
80 views

What is the best way to handle dozens of partner logos in dark mode?

I am preparing a website to look good in dark mode. Some pages have a ton of partner logos that look very bad when in dark mode because they have black text for example. But they use additional colors ...
pitzki's user avatar
  • 3
0 votes
0 answers
50 views

Need help with a color-coded design

I am but a simple BA, and I am currently working on adding functionality to an existing web application. I am told there is no budget for a UI designer! So I was hoping I can get some feedback on this ...
JMS's user avatar
  • 111
0 votes
1 answer
55 views

How to optimize a website design?

If you have a working website, is there a way to tell if parts of it are bad or good? For example, I have created a cryptocurrency platform which I develop as a hobby project whenever I have spare ...
ii iml0sto1's user avatar
1 vote
0 answers
44 views

How to tell a client their Logo needs reworking? [duplicate]

I am designing a website for someone who has given me an undigitised logo of them they have not used anywhere yet. I do not know where it came from so need to make sure it isn't just a slightly ...
Kim's user avatar
  • 11
1 vote
1 answer
208 views

Creating complex animation for web

This question is a rebirth of How do you animate SVG for the web? with little additions to modern realities. My question is this - how to create complex animation for the web? By complex animation, I ...
RoyalGoose's user avatar
0 votes
0 answers
57 views

What is the 60 30 10 color rule?

What is the 60 30 10 color rule for website? How to choose the best color scheme for your website?
mindmadetechnologies's user avatar
0 votes
1 answer
93 views

Need help with selecting a color pallets for light and dark modes o a site

I'm building a e-commerce site as part of a project and to make it more catchy, wanted to add a dark mode to my site. And, also I'm open to suggestions on the colors used for light theme built ...
user3872094's user avatar
-1 votes
2 answers
115 views

What is the minimal color palette that as long as we stick to it, then in general, there won't be any color contrast problems whatsoever?

I am not an ophthalmologist and not very familiar with color cognitive biases or blindnesses, so there might be a false premise in the following question or in possible discussions. I also don't ask ...
somo's user avatar
  • 11
0 votes
1 answer
39 views

Why is my SVG File for WP website not sizing it pixilates when viewed larger

I have created a header logo SVG in illustrator, using the code to insert it, and if zoomed in, it gets soft and pixeled. 1st Logo) The Top one is a SVG Code from Adobe Illustrator Inserted in HTML (...
Michael Ewing's user avatar
-2 votes
2 answers
78 views

Designing a banner advertisement

I have to create a 728*90 pixels banner advertisement for a website that has a product image and text. The product image I have is a 5mb .tiff file. What program should I use to create the advert? I ...
NJ-11's user avatar
  • 1
0 votes
0 answers
58 views

Is this approach to website design adequate or am i making a mistake?

I'm not conversant with this topic, therefore i watched a tutorial about a one-page dynamic PHP website (quite educational in my opinion) in which the creator designed the following pages. For each ...
Ismael Párica's user avatar
1 vote
1 answer
71 views

Optical Illusion with status indicators

I'm currently setting up a small html front end for the result of our automatic software build. We develop on three platforms ( windows, macos and linux ), so I thought of just displaying the icon of ...
Sam Coutteau's user avatar
3 votes
1 answer
84 views

Do my components have enough white space?

I've been working on a project but the more I see my components, the more I think they don't have enough white space. The two components with which I have more doubt are a dropdown and a group of ...
Héctor Sáenz's user avatar
2 votes
1 answer
88 views

What are the ways to present an unfinished software / WWW to a client while making it obvious it is work in progress?

Sometimes I would like to present some work and indicate clearly - this is work in progress - waiting for the final designs - but you can already test the functionality. 1st thoughts - pink comic sans ...
Mars Robertson's user avatar
0 votes
0 answers
38 views

How to develop separate visual identities for different educational programs on the same website

I have been asked to work on a visual identity project. The company is an academy (parent company) which has a single website. However, the academy separates its programs into 4 fields of music ...
Sonder's user avatar
  • 11
0 votes
1 answer
84 views

Advantages of non-white background in typography

Financial Times website has a non-white background, namely, 255,240,229 in sRGB. However, the text is not black: 50,48,46 (the title is black). Are there any advantages of such color scheme for web ...
Michael Freimann's user avatar
0 votes
1 answer
38 views

When designing a simple website toolbar layout in powerpoint office 16, is it possible to animate menu items to expand and collapse upon clicking?

I am designing the layout/look-and-feel of a website in Microsoft PowerPoint (Office 16) on Windows 10. The website I am designing will have a horizontal toolbar at the top that will allow the user to ...
user1068636's user avatar
0 votes
1 answer
137 views

Serving a book as an interactive webpage where readers can flip pages, with some page flipping effect

I have a 60-page (i.e., 30-sheet) book (to be more specific, a photobook), in JPG format. I'd like to serve the book as an interactive webpage where readers can flip pages, with some page flipping ...
Franck Dernoncourt's user avatar
7 votes
1 answer
121 views

What's procedurally important in web building circa 2022?

I'm essentially seeking a "crash course" or explanation in any web building changes over the past few years - best practices, new methods, new pitfalls, etc. It's been a number of years ...
Scott's user avatar
  • 210k
0 votes
1 answer
67 views

Color scheme implementation suggestions for dark purple and neon pink

(Although 'opinion' certainly may be in play here, there seem to be some consistent best practices about color usage on the web, and this question is about how to handle the scenario where violations ...
The Shoe Shiner's user avatar
1 vote
1 answer
672 views

Tool to create generative / procedural abstract art for website backgrounds

I need an abstract, unobtrusive background for a website, something similar to or Is there a tool that can procedurally generate such images with great variation? It should have many parameters that ...
jake n's user avatar
  • 169
1 vote
1 answer
62 views

How do I change the background color just for the footer in Figma?

I would like the footer's background color to be a different color than the rest of the website. Is there a proper way of doing this or do I just create a rectangle element, stretch it out onto the ...
Simon Suh's user avatar
  • 157
0 votes
1 answer
62 views

What is the following Frame called?

I'd like to design something like this with CSS but I need to know the name to google it. I tried to Google similar images to no avail.
Stephan Graf's user avatar
1 vote
1 answer
239 views

Complement genereted color schemes to my CSS/HTML

There are fine tools out that generate color schemes with a color wheel based on color science. E.g. Paletton does so and offer me to export the colors to CSS. It is not clear for me to which elements ...
buhtz's user avatar
  • 129
1 vote
0 answers
637 views

Is there a way to export SVG files from Adobe XD without id's?

When exporting (for example) icons from Adobe XD as SVG files, the code contains ID's that are for me unnecessary. When I want to use the SVG files for instance inline in an HTML file, it will give ID ...
rickhekman's user avatar
-4 votes
1 answer
47 views

Web Design, UX & Conversion rate improvments for our website + Blog Font Size [closed]

since we are just before the top of our season, and we are planning also to make a new website next year, we are collecting ideas on how to improve the current website. For our home page https://www....
SandiNCP's user avatar
0 votes
1 answer
175 views

Can I easily change the colour of a bootstrap theme

I am looking for a bootstrap theme for a web application. The application is going to manage properties for landlords, so it is going to be mainly a collection of tables and forms -- and so the "...
Sandown's user avatar
  • 13
1 vote
2 answers
146 views

Snappy transitions

I am currently working on Rob Dey's Upskill Crash Course on web development. Everything is going well but I had a question about the animation of my logo. Here is my code: .navbar-default .navbar-...
jpowell401's user avatar
0 votes
1 answer
110 views

What's this design style on Google's I/O webpage called?

The following image was found on Google's I/O webpage. What's this design-style that Google seems to have adopted called? If I were to make an educated guess, I would call this flat-art, but it seems ...
Greg's user avatar
  • 101
0 votes
3 answers
129 views

Image size/resolution for photographic portfolio

I am a developer and I don't know much about web portfolios but: I'm looking for standard format/size/resolution/quality/compression/file-size for a photographic portfolio website. For instance, is ...
nkint's user avatar
  • 119
6 votes
2 answers
1k views

Open source alternative for figma

I've been using figma a lot on work but now interested for Open Source alternative. Is there anything like that?
Serhii Zasenko's user avatar
0 votes
2 answers
173 views

How to achieve this Adobe Xd?

I want to do this in Adobe Xd, can someone please tell me is there any way or any plugin to achieve this in adobe xd. Note: The current image is from Figma. Although I know we can do this by using ...
Sumit Yadav's user avatar
1 vote
1 answer
80 views

3d virtual exhibition stand

I would like to make an online 3d virtual exhibition stand (visitors of the website should be able to "go" through the 3D stand-model and by chance click on the items or watch the videos on ...
Peter's user avatar
  • 11
0 votes
2 answers
506 views

How can I add a hyperlink to a text in adobe xd?

I cannot add a hyperlink in adobe xd text. I want a text which should show a hyperlink on drag or onclick of it. Like we can do in Figma by clicking the (CTRL + K) key. So my question is how can we do ...
Sumit Yadav's user avatar
-1 votes
1 answer
419 views

What is the name of this website design style which almost look like MacOS inspired

I am just a front end design buff. Now a days I am observing website design looking like Apple's UI design for it's mac and ios applications, but not able to find any article or tutorial explaining ...
viaAhmed's user avatar
0 votes
0 answers
30 views

How to prevent adobe xd uninstalling plugins automatically?

I am very new to adobe xd, and I have installed some of the plugins in it. But the problem is that whenever I clear my %Temp% and Temp data from my windows to speed up, all my plugins get uninstall ...
Sumit Yadav's user avatar
-1 votes
1 answer
260 views

Is there any simple way to fill a new color in adobe xd without opening the color fill bar?

I am new to xd and I am working on multiple screens at a time, where I need to change the text color again and again. So by opening the fill bar and changing the color is little time consuming, can I ...
Sumit Yadav's user avatar
0 votes
1 answer
354 views

Can a Converted to Path again converted to text in xd?

If I converted a text into a path, then is it possible that I can convert it back again to text in Adobe Xd? If not then how to deal with this if I want a text back? is there any possible ways to ...
Sumit Yadav's user avatar

1
2 3 4 5
30