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
1answer
42 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
2answers
59 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?
0
votes
0answers
34 views

Balancing blobs with straight elements

Many web designers have begun to adapt the blob. Eager to use it myself, I incorporated two blobs onto a web page I designed. The blob is an amorphous, pseudo-organic shape. Websites that use blobs ...
2
votes
1answer
167 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 ...
1
vote
2answers
65 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
1answer
64 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 ...
2
votes
2answers
64 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 ...
25
votes
5answers
5k 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
0answers
40 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
2answers
59 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
0
votes
0answers
54 views

Creating Surreal Shadows

How could you replicate this style in web design. I love the idea of these designs that looks like interactive photos. The image of the phone is straight foward as its just a photo with a shadow. But ...
4
votes
2answers
143 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 ...
-1
votes
1answer
70 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 ...
-3
votes
1answer
75 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 ...
0
votes
2answers
64 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 ...
0
votes
0answers
49 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 ...
1
vote
0answers
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 ...
0
votes
1answer
117 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 ...
0
votes
1answer
34 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 ...
0
votes
1answer
76 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 ...
0
votes
0answers
23 views

Eliminate gap between text box and text in XD

I'm having some problems designing websites in XD I have not idea how to get the text to be closer to the box edge. Please I really need some help thanks.
0
votes
1answer
102 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 ...
0
votes
1answer
131 views

Position sticky figma

How are you? I'm wrong because I'm trying to apply an effect in Figma which I don't know if it is possible to do. I leave my question… Is it possible to apply fixed positioning depending on the point ...
2
votes
0answers
78 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 ...
0
votes
1answer
35 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 ...
0
votes
2answers
76 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 ...
1
vote
1answer
98 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,...
1
vote
1answer
119 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 ...
0
votes
1answer
123 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-...
1
vote
1answer
59 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 ...
0
votes
0answers
45 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
1answer
806 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 ...
-2
votes
1answer
40 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 ...
0
votes
1answer
112 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 ...
0
votes
1answer
34 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 ...
2
votes
2answers
219 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 ...
4
votes
1answer
67 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 ...
0
votes
0answers
79 views

best resolution for print and web

If I am creating some 18 x24 posters in illustrator that will be printed and would also be viewed on a web site what would the best resolution be??
-1
votes
1answer
37 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
3answers
94 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
2answers
66 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
0answers
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 ...
1
vote
1answer
301 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 ...
2
votes
2answers
149 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 ...
0
votes
1answer
188 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 ...
2
votes
2answers
111 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 ...
1
vote
2answers
42 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,...
0
votes
2answers
122 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....
0
votes
1answer
42 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 ...
0
votes
3answers
25 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 ...

1
2 3 4 5
29