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.
59
questions with no upvoted or accepted answers
4
votes
0
answers
815
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 ...
- 141
4
votes
0
answers
699
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 ...
- 159
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 ...
- 250
1
vote
0
answers
35
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 ...
- 17
1
vote
0
answers
559
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 ...
- 11
1
vote
0
answers
46
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 ...
- 111
1
vote
1
answer
946
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?
- 11
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 ...
- 131
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
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
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 ...
- 31
1
vote
0
answers
156
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 ...
- 139
1
vote
0
answers
296
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 (...
- 1,232
1
vote
1
answer
142
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 ...
- 37
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 ...
- 11
0
votes
0
answers
50
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?
0
votes
1
answer
77
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 ...
- 101
0
votes
0
answers
57
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 ...
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 ...
- 1
0
votes
0
answers
74
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 ...
- 101
0
votes
2
answers
439
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 ...
- 459
0
votes
0
answers
29
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 ...
- 459
0
votes
0
answers
76
views
Mobile app design size
Mobile app design size
What size is more appropriate and common for mobile application design in XD Figma software?
0
votes
0
answers
116
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 ...
- 101
0
votes
0
answers
46
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 ...
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 ...
- 191
0
votes
0
answers
154
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 ...
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
0
votes
0
answers
103
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
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
0
answers
75
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, ...
0
votes
1
answer
326
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....
- 1
0
votes
0
answers
241
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 ...
- 18.3k
0
votes
0
answers
81
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 ...
- 101
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 ...
- 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
...
- 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 ...
- 92
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://...
user32571
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 ...
user31018
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 ...
- 101
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 ...
- 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 ...
- 101
0
votes
0
answers
148
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 ...
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
0
votes
1
answer
496
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 ...
- 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 ...
- 1
-1
votes
1
answer
337
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 ...
- 1
-1
votes
1
answer
239
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 ...
- 459
-1
votes
1
answer
75
views
Advice on design: Balancing content and flow on website
Live site: https://plugmusic.netlify.app/track.html
Don't know if this is the right place to ask, but I am struggling with this music streaming app design. I am trying to make my design as balanced as ...
- 103
-1
votes
1
answer
55
views
Best place for looking at top quality UI designs?
I'm basically looking for a website where I can check out many good UI designs, so I can improve my taste.
I know there's dribbble! But designs on trifle are usually designed to look pretty on ...