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
votes
0answers
23 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 ...
0
votes
1answer
38 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 ...
0
votes
1answer
39 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....
0
votes
0answers
11 views

How to remove the default border feature in xd?

I am using xd for my work, and every time I am creating any shape it gives me a by default border along with it. And It's very annoying. Can someone please help me to find a way to deal with it? Thank ...
0
votes
0answers
12 views

Add layout grid for a specific screen in xd

I am working in a shared xd file. I want to add a layout grid to my page. But the problem is if I am trying to add a layout it shows in other screens also which is present in the same xd file. Can ...
-1
votes
0answers
40 views

What is the name of the font from the image? [closed]

Does someone know the name of the following font:
0
votes
1answer
34 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 ...
0
votes
0answers
24 views

UPPERCASE letter in Xd

Is there any shortcut key to make all the letters or text in UPPERCASE in adobe Xd?
1
vote
1answer
46 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
60 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
35 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
172 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
98 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
66 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
41 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
68 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
71 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
76 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
65 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
51 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
144 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
80 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
26 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
104 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 ...
1
vote
1answer
200 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?
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
36 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
88 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
106 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
151 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
140 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
61 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
1k 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
41 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
120 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
52 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
269 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
69 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
90 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
112 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
70 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
2 3 4 5
29