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.

63 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4 votes
0 answers
849 views

Google Web Designer distorting image sharpness

I'm using Google Web Designer to create an animation. The program is awesome for the most part. The one area where it's a bit befuddling is with image quality. Original images are usually quite ...
user1114's user avatar
  • 141
4 votes
0 answers
726 views

The strange case of Japanese Websites

Japanese Websites are strange entities that live a digital world far away from the one we are used to. They probably have their standards, that are still obscure to me - and it's not a matter of ...
gabrielecfo's user avatar
2 votes
0 answers
83 views

Corporate Webdesign Manual?

For the Corporate Identity / Brand, there is usually a manual. It is a great deliverable for the client and for me as a student, it is a great way to learn about webdesign. While there are many ...
User123456789's user avatar
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
0 answers
50 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
1 vote
0 answers
46 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
1 vote
0 answers
640 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
1 vote
0 answers
47 views

How can I make this web site component more legible, easier to read?

I have a page with weather, and I cannot figure out how to make these cells for daily weather more ... legible, I guess is the best word. Maybe "easier to read" or "better" in ...
Brian's user avatar
  • 111
1 vote
2 answers
998 views

Position sticky in Figma

Is it possible to apply fixed positioning depending on the point where the scrollY is (on the vertical axis)? Just like you would with CSS with position sticky?
user162722's user avatar
1 vote
0 answers
33 views

Graphical element for range between two elements

I have two long sentences. One describes a product in very simple configuration and one the same product in extremely complex configuration. I would like to place them on a website next to each other ...
Ondrej's user avatar
  • 131
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 ...
sleepyjohnny's user avatar
1 vote
0 answers
166 views

Best method to present a fullscreen radial gradient in web to prevent banding

Is it better to generate a fullscreen radial gradient in CSS3 or with a maximized SVG vector? How would you implement the maximized SVG? Do you think that it's necessary to apply a raster noise ...
Tigre's user avatar
  • 31
1 vote
0 answers
157 views

techniques/methods/utilities/exercises to practise typography principles

I am a beginner interested in learning typography. What kind of tools are available that would help me layout/experiment easily with various design principles. For example, this site i found immensely ...
user3526's user avatar
  • 139
1 vote
0 answers
298 views

Which HSV-noise values do not cause artifacts on an LCD screen?

I have come to notice that certain HSV noise filter values applied to a uniform background colour look horrible when viewed on an LCD screen under certain viewing angles. This is more noticeable on (...
Serge Stroobandt's user avatar
1 vote
1 answer
143 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 ...
jamiechalski's user avatar
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
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
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
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
0 answers
59 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
94 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
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
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
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
2 answers
508 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
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
0 votes
0 answers
78 views

Mobile app design size

Mobile app design size What size is more appropriate and common for mobile application design in XD Figma software?
Mohsen Lotfalikhani's user avatar
0 votes
0 answers
135 views

Illustrator - Maintaining Coordinates when exporting Layers as SVG's

I made a very simple house in Illustrator, placing each of it's elements in it's own independent layer as follows: Door Windows Roof House I then used Illustrator's "Asset Export" to ...
Sirab33's user avatar
  • 101
0 votes
0 answers
47 views

What job description should I give to my designer for custom icons and graphics for my new website?

I am in the middle of redesigning my website. As part of my website, I'm looking to get custom graphics done relating to my product value proposition and features. How/What do I tell the designer to ...
this. __curious_geek's user avatar
0 votes
0 answers
40 views

Code to lock specific point of graphic to another graphic

Is there code to lock specific point of graphic to another graphic or point on a page, so that no matter what device it shows on (or how the page is resized) the graphic on the top stays linked in the ...
Marc's user avatar
  • 191
0 votes
0 answers
160 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 ...
Niklas Grewe's user avatar
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 ...
glazed's user avatar
  • 71
0 votes
0 answers
107 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 ...
localhost's user avatar
  • 317
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 ...
roy05's user avatar
  • 101
0 votes
0 answers
78 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, ...
Mikolaj Figurski's user avatar
0 votes
1 answer
334 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....
Guy L.'s user avatar
  • 1
0 votes
0 answers
253 views

Are there any noticeable differences if a grey scale image is converted to RGB?

Browsing through the archives I didn't see this question asked before after reviewing the tags color-profile, rgb, grayscale but I am wondering if there are any visual differences if an image that was ...
user9447's user avatar
  • 18.3k
0 votes
0 answers
83 views

Adobe Photoshop : Display text-selection in correct format

I am working on a photoshop design for a font-design which will be inserted in html. Right now, when the text is selected, it looks differently in Photoshop and differently in browser(FF). As you ...
We are Borg's user avatar
0 votes
0 answers
98 views

How to view all layer sizes?

I have received a design as a .psd and a .png file, but the designer has not added the sizes of each header, image, padding, etc. Is there a way to quickly and efficiently see the size of each object ...
vrwim's user avatar
  • 101
0 votes
0 answers
1k views

Photoshop and browser: how to get the colors right?

Ok, I'm designing for the web and I had different colors in Photoshop (Windows) and Chrome, so I started searching and found contradicting tips and I have no idea of what should I do now. Windows ...
brott's user avatar
  • 1
0 votes
0 answers
92 views

Why do photos jump around when exporting from Muse?

My company is trying to slowly move towards digital and we are in the process of learning Adobe Muse as a stepping stone to more legitimate web practices. One issue we continue to encounter is our ...
user23573's user avatar
  • 102
0 votes
0 answers
6k views

How to make Google Maps in Photoshop?

I'd like to find out how I can create a map similar to these: especially for web design project (in psd file). Do you know how to get that kind of maps? I suppose it can be something like http://...
user avatar
0 votes
0 answers
3k views

Rendering Issues with Proxima Nova Web Font

We recently launched a new website (backtothebible.org) designed by an outside company. The site uses Proxima Nova. The font renders great except for a few sizes on PC's. The issue--which is an ...
user avatar
0 votes
0 answers
115 views

Dynamically composed icons representing state of content

I am considering a web UI imrpovement. Each icon (large, 128x128px) in flow layout represents a configuration of a certain process, and, to the user, there are a bunch of "important" settings for this ...
Alex Pakka's user avatar
0 votes
0 answers
1k views

Get RGB/Web color values for Avery vinyl colors

I'm doing some basic web-design work pro-bono for a local charity, and I'm trying to match some colors that they use on the side of their vehicles. They use Avery vinyl in two colors and a 3m ...
Nick2253's user avatar
  • 101
0 votes
0 answers
63 views

avaiability of public-domain platform/os vectors

I have looked high and low for platform logos (iOS, Android, Unity 3D, Haxe, Java, .NET, etc.) in a vector or even photo format that have a consistent look and feel. Short of collecting disparate ...
Eat at Joes's user avatar
0 votes
0 answers
149 views

Health Startup illustration

I am working on a health startup and was thinking of building some character unique to my startup as zocdoc does to explain itself. Will a sketch doctor seem derivative? PS: My site would be ...
Random Codemonkey's user avatar
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 ...
Jonha's user avatar
  • 1
0 votes
1 answer
516 views

web banner that needs to be sized 469x60 pixels

Designing a web banner that needs to be sized 469x60 pixels. I am using Photoshop and everything looks blurry. I tried creating it 4x larger and then downsizing but it is still blurry. From what I ...
Aly's user avatar
  • 9
0 votes
1 answer
87 views

Illustrator file saved as .jpeg file color look completely wrong online. Why?

So, I saved an Illustrator file as a .jpeg file and it looked completely wrong online. I went back and realized the color mode was CMYK, so I figured it should be in RGB for web. I tried to change the ...
Amelia's user avatar
  • 1