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
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
2
answers
308
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
153
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
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
-3
votes
1
answer
84
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
82
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
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
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
397
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
0
votes
1
answer
35
views
web graphic editing
I have this web image design issue. Hopefully this is the right place to post my question?
i-top-nav-original.png is the original image putting inside the html
when load up mixing with other html, it ...
- 111
0
votes
1
answer
118
views
How to Photoshop several fabrics and finishes onto several images
I am creating a website for a furniture manufacturer. On the product detail page they want the image to change based on the fabric and finish choice the customer makes.
They have multiple products all ...
- 1
0
votes
1
answer
106
views
Feedback on interface for school exams' editor
I'm making a webapp for my local university, which allows teachers to create exams made up of open-ended/multiple-choice questions and JavaScript programming exercises, as well as group them by topic ...
- 59
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
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
0
votes
1
answer
87
views
Difference between corporate design and brand design?
Hi guys I need your help! For a study project I have to change the appearance of a real company. Now it looks like the company A want to implement a new project. This should not adopt the design of ...
- 3
0
votes
2
answers
211
views
Emulating global 3D light on a functional web page
I'm struggling with that problem for quite some time now so I decided to ask to have a definitive (and hopefully positive) answer.
Is there any way, using any web friendly language, to allow me to ...
- 137
1
vote
1
answer
400
views
Combine Helvetica Neue (or derivatives) with Open Sans (or PT Sans)
I am currently working on a logo (word mark) for a client. I compared different sans serif fonts and narrowed it down to Helvetica, Neue Helvetica and Neue Haas Unica.
Although the client is a startup,...
- 250
1
vote
1
answer
349
views
Displaying older images on web for Retina/high pixel density screens?
I appreciate this topic may be old news to many of you, but after years of putting it off I recently got a new Mac and find myself out of the loop on a number of changes. Looking at my old website on ...
- 21
0
votes
1
answer
184
views
Best practice web design picture sizes and multiplier
Web Design: there are a lot of screen sizes to consider. Especially high resolution devices use multiplier. I read this very helpful article about the theory:
https://sebastien-gabriel.com/designers-...
- 250
1
vote
1
answer
118
views
What is the generic name for complex tooltips that don't disappear on hover out?
I am a web developer building this component (the white rounded square)
I don't exactly know how to name it, is it a tooltip? I don't think so, since Wikipedia defines it as a small indicator that ...
- 113
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 ...
1
vote
1
answer
3k
views
Transparent png image is not transparent in browser
Please see this example image below to reference (Illustrator was used here to export). Has anyone noticed that any transparent png files when dropped in a browser (like Chrome or Firefox) do not seem ...
- 13
-2
votes
1
answer
42
views
Methods of loading icons for wordpres? [closed]
I'd like to add an animation I made as a loading icon for a wordpress site, but I'm not sure what method most efficiently accomplishes this. Is it better to use a built-in algorithm of the site that ...
- 1
0
votes
1
answer
190
views
SVG looks different in browser then in WordPress
I exported my logo to wordpress.
This is my logo on my site
http://kopjezoektfamilie.nl/test/
But when I open my logo in my browser (chrome)
it looks like this:
I want my logo to look like the last ...
- 3
0
votes
1
answer
285
views
Should an organization have more than one design system?
Design Systems are very popular in organizations right now. They typically are used for a consistent component library across products in an organization. I've read that cross-disciplinary teams can ...
- 267
2
votes
3
answers
1k
views
On Display Resolutions, Scale and Layout in Windows 10
On my last project I was designing a website in Figma and I realized there is a problem I was not so aware of.
In Windows 10, at the Display Settings, there is an option for Display Resolution, this ...
- 3,737
4
votes
1
answer
81
views
Are there any rules of thumb / guidelines to optimize / balance this design?
Considering the following panel, are there any rules of thumb, tricks or guidelines to optimize / balance the look?
This is the panel with vertical measurements:
The panel is part of a website, in ...
- 43
-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 ...
-3
votes
3
answers
507
views
How to draw circles at equal distance relative to another circle
I'm pretty bad at Photoshop and I need to draw 5 smaller circles at equal distance of one another, around another a bigger circle.
How can I do that?
0
votes
2
answers
76
views
Portfolio web site with adobe illustrator
I do a lot of interface design in Adobe Illustrator. I'd like to use my designs to create a portfolio web site.
Is there a simple way to build a website directly with the Illustrator files?
Any ...
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
1
vote
1
answer
650
views
Calculating space/gap between elements in figma
I am new to Figma and I got a .jpg design file which I need to convert into HTML, but in order to do that, I need to know the space between each element. I went ahead and placed a space between the ...
- 317
2
votes
2
answers
182
views
Some websites look "modern," but why?
Some websites look "modern," but when I try to make such a website without some generic tool (e.g. Bootstrap), it ends up looking like some early 2000s monstrosity. What, specifically, about ...
- 139
0
votes
1
answer
816
views
How can I ensure that gimp exports the right (solid) color?
Steps to reproduce issue:
create a new document
fill layer with solid color (#4b4b6b)
export as jpg (File > Export)
New JPG color is #4b4c6b (i.e. not the same, notice the 3rd character)
When ...
- 1
2
votes
2
answers
128
views
typeface recommendations
I'm not an expert in graphic design, but I have some basic knowledge. So I would like to ask some typeface choice recommendations. I'm designing a website for a potter where he will present his work ...
- 21
1
vote
2
answers
137
views
Match screen colors to printed colors (not vice-versa)
I have a book detailing different color pallets of traditional Japanese colors, and I want to use one of these color pallets in designing a website. The issue is, the book lists all the colors in CMYK,...
- 111
0
votes
2
answers
190
views
Using Play Store badges and F logos, etc. on printed material
There are established guidelines about the use of the Play Store logo, Facebook F logo, etc. in websites, etc.
There is a related question on this topic here. Google play store has its guidelines here....
- 113
0
votes
1
answer
45
views
Would using a side menu in my portfolio page be a design faux pas?
I'm a full-stack developer, creating a portfolio page with node and react. I'm using a side menu that has some pretty cool features, and I think it looks great. I want the page itself to have a ...
- 103
0
votes
3
answers
32
views
What icons would be better to distinguish between knowing an answer or not?
I know the headline might not be that explanatory, so let me elaborate. I have a website with some different questions, for which you can get the answer revealed if you click on a button.
So that ...
Denver Dang
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
4
votes
3
answers
212
views
Strategies for picking good colour palettes?
I'm new to web design. I learned the basic stuff like layout, contrasts, the difference between RGB and CMYK, etc., but I struggle to apply this well in practice:
Picking good colours that work well ...
- 217
3
votes
1
answer
144
views
What exactly is white space?
I'm new to web design. I'm studying white space but I haven't found yet a clearer explanation of what space is and when I need to use it.
The tutorial that I've read only said that white space is ...
- 33
3
votes
2
answers
88
views
How to distinguish between graphic design proposals
I received a number of Web design proposals for a project I'm working on. Most of the proposals are extraordinarily generic; the only thing that I, as a non-design person can easily distinguish ...
- 387
2
votes
2
answers
1k
views
How was the old GeoCities art made?
I've been going through old archives of Geocities pages and I'm slowly becoming obsessed with the general aesthetic. I never had the chance to make my own back in the day as internet was a luxury ...
- 131
0
votes
1
answer
84
views
Tool for creating portfolio item for Mobile, Tab and desktop
I would like to create a nice portfolio item like below. But I'm a developer and no experience with graphic design. But I would like to create portfolio items. i.e. no need to be a professional ...
- 111
0
votes
2
answers
50
views
Icon for Telecommunications Services
I'm working on a service quality monitoring dashboard for my employer. The site diplays QoS parameters for hundreds of different telecommunications services provided by the company: messaging, voice ...
- 121
0
votes
1
answer
317
views
Replicate drop shadow effect
I'm trying to replicate a drop shadow effect displayed here, but can't seem to get it right.
The project has this section which seems to explain how to perform the effect, but I feel I'm doing ...
- 115
0
votes
4
answers
7k
views
Best way to save web ads in InDesign with maximum clarity?
Creating InDesign web ads saved at 72ppi they look blurry.
When saved at a higher ppi and then checking image size in Photoshop, the pixel dimensions off.
If you create a web banner ad in InDesign,...
- 11
0
votes
1
answer
292
views
How to use WCAG requirements for logo text contrast in interface? [closed]
Please, help!! I've read rules from WCAG (Accessibility Guidelines) for using logo text contrast in the interface. The rule 1.4.3 https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-...
0
votes
1
answer
174
views
What steps I can take to make this banner less crowded or with more empty space?
I've tried many options but it's not working. Actually there are 3 groups of bottles in this banner and lots of text. So it is looking crowded. I tried small big size, placing copies here and there ...
- 4,113