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,452
questions
-1
votes
2
answers
103
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 ...
- 11
0
votes
1
answer
27
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 (...
-2
votes
2
answers
41
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 ...
- 1
0
votes
0
answers
55
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
1
answer
58
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 ...
3
votes
1
answer
76
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 ...
- 33
1
vote
1
answer
50
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 ...
- 111
0
votes
0
answers
37
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
1
answer
78
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 ...
- 303
0
votes
1
answer
30
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 ...
- 103
0
votes
0
answers
58
views
Export from Adobe XD to HTML / CSS / JavaScript
Is this possible?
I read on a post in the Adobe forum that there is a plugin called 'Web Export', but it looks like it hasnt been updated since 2019 so I wonder how reliable it is.
I know ideally a ...
- 23
0
votes
1
answer
61
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 ...
7
votes
1
answer
107
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 ...
- 205k
0
votes
1
answer
49
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 ...
- 101
1
vote
1
answer
180
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 ...
- 159
1
vote
1
answer
34
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 ...
- 157
0
votes
1
answer
56
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.
- 11
1
vote
1
answer
213
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 ...
- 129
1
vote
0
answers
327
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
-4
votes
1
answer
45
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....
- 3
0
votes
1
answer
57
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 "...
1
vote
2
answers
73
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-...
- 11
0
votes
0
answers
62
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
3
answers
78
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 ...
- 119
6
votes
2
answers
928
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?
0
votes
2
answers
140
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 ...
- 457
1
vote
1
answer
65
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 ...
- 11
0
votes
2
answers
350
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 ...
- 457
-1
votes
1
answer
218
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
0
votes
0
answers
26
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 ...
- 457
-1
votes
1
answer
193
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 ...
- 457
0
votes
1
answer
251
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 ...
- 457
0
votes
1
answer
433
views
Why can't I mask a image to another image in xd?
I am using Adobe XD. And at a point I wanted to mask two images, but somehow I am not able to mask a image above another image.
Note: When I tried masking it using an object I was able to do the same....
- 457
0
votes
1
answer
215
views
Converting signature to SVG
I've been trying to create my signature using svg coordinates but have been unsuccessful. I also tried various online tools, but they did not seem to work. Basically, this CodePen seemed really ...
- 9
1
vote
1
answer
116
views
How to Reduce SVG Path for Web in Illustrator?
I actually am trying to make a simple logo for my website and was thinking of using inline SVG for the logo. I made it with illustrator but the path code is too long, not like I see on other sites. On ...
-1
votes
2
answers
70
views
Feedback for an invoice application
I'm designing an invoice application and I would love some feedback.
Are you annoyed by something in this image that could be improved?
- 143
2
votes
1
answer
259
views
How to know what padding to stay consistent with?
I've heard that one should use spacing consistently, but I'm stuck on what to do here. I have the following box:
The padding above and below the five circles is not equal. Would it be more pleasing ...
UI122
1
vote
2
answers
300
views
How to display pixel art on a website?
Pixel art of the sizes 16x16, 32x32, 64x64 px is too small in size (ranging from 100-500 Bytes). How do I display them properly scaled on a website?
for ex: cryptopunks website has punks which are ...
-1
votes
1
answer
68
views
I have a group of approx. 20 pieces of data I need to show status for. How can I do this effectively and attractively?
I have website on which I have a group of approx. 20 pieces of data I want to show the status for in a kebab/hamburger type of menu:
EX:
Datasource #1 Status
Datasource #2 Status
Datasource #3 Status
...
- 111
2
votes
2
answers
83
views
Should we update brand typography and/or logo before web redesign?
We're expecting our website to be redesigned by Feb '22.
Alongside web refresh we're updating our photography, colour palette (minimal change), logo and fonts.
Currently we're using different ...
- 21
25
votes
5
answers
6k
views
Why would I ever NOT use percentage for sizes?
I am an embedded programmer (no GUI), who codes Angular, and, occasionally, Flutter, for fun.
In general, my apps work, but look like an early 90s GeoCities site :-)
On thing that I just can't get my ...
0
votes
0
answers
49
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
2
answers
226
views
How to make a cozy-soft border radius
I was on Dribbble and saw this shot. They made this seemingly normal-looking border-radius yet it looks different. How would you achieve this in Figma or AdobeXD? Shot link
- 103
4
votes
2
answers
152
views
How to illustrate user friendliness in an icon?
I am building a web page for a software company, where I want to inform the visitor that our systems are user friendly, among other things. I would like an icon to go with that text. Do you have any ...
- 143
-1
votes
1
answer
74
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
-3
votes
1
answer
83
views
I am developer and started managing team. I want to learn how to create wireframe. Can anyone advice? [closed]
Basically I want to understand how everything works in respective of designers when it comes to mobile or web Development.
I do not want to be designer I want to how things work so that I can work ...
- 97
0
votes
2
answers
74
views
Should you always use box shadows instead of blurs?
Recently while working on a project with a developer, I was asked by him to only use box shadows and simply using the blur effect on a rectangle does not produce the same CSS effect. I am using Figma ...
- 253
0
votes
0
answers
94
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
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
0
votes
1
answer
338
views
How to merge layers for batch export and optimised for web
What I'm trying to do:
Batch export
Optiimize for web (Jpeg)
My layers structure:
Layer1 --- Logo
Layer2 --- Adjustment layer (Brightness and Control)
Folder-A
~~ Layer3 -- image
~~ Layer4 -- image
...
- 113