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
-5 votes
1 answer
34 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....
user avatar
0 votes
0 answers
41 views

Where can I find a design system handbook result example?

Unfortunately, I don’t even know what the name of what I’m looking for is. I want to make a simple design system. Simple basic elements (e.g. typography, colors, spacing, etc.) and a few components (...
user avatar
0 votes
1 answer
48 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 "...
user avatar
1 vote
2 answers
46 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-...
user avatar
0 votes
0 answers
49 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 ...
user avatar
  • 101
0 votes
0 answers
27 views

Workflow request - Standardisation of e-commerce images - bulk processing

I'm curious to see how other professionals are handling their bulk processing of e-commerce image libraries, particularly where the source images don't follow any sort of consistency. My current ...
user avatar
  • 158
0 votes
3 answers
60 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 ...
user avatar
  • 119
0 votes
1 answer
81 views

Typography- what is the bottom end of the L called?

I'm trying to learn about typography and I made this image, but I wasn't sure this was the arm because it's at the bottom of the letter. Can anyone help, please?
user avatar
  • 1
3 votes
2 answers
183 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?
user avatar
0 votes
0 answers
34 views

How to dynamically rename text layers?

I am using adobe xd and working with more than 100 Screens at a time. The only problem I am facing is that there is a text layer (Page Number) that I want to rename. Is there any shortcut key or ...
user avatar
0 votes
2 answers
83 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 ...
user avatar
1 vote
1 answer
52 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 ...
user avatar
  • 11
0 votes
0 answers
66 views

Can't make text bold using CTRL+B in adobe xd

I am using adobe xd, and I have installed circular std book font to work. I have installed 3 typefaces for this font i.e Circular std book (regular) Circular std book medium Circular std book bold ...
user avatar
0 votes
2 answers
156 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 ...
user avatar
0 votes
1 answer
71 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 ...
user avatar
0 votes
0 answers
17 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 ...
user avatar
-1 votes
1 answer
72 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 ...
user avatar
0 votes
1 answer
90 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 ...
user avatar
0 votes
1 answer
152 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....
user avatar
0 votes
0 answers
38 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 ...
user avatar
0 votes
0 answers
17 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 ...
user avatar
0 votes
1 answer
82 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 ...
user avatar
0 votes
0 answers
29 views

UPPERCASE letter in Xd

Is there any shortcut key to make all the letters or text in UPPERCASE in adobe Xd?
user avatar
1 vote
1 answer
71 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 ...
user avatar
-1 votes
2 answers
64 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?
user avatar
0 votes
0 answers
38 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 ...
user avatar
  • 1
2 votes
1 answer
191 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 ...
user avatar
1 vote
2 answers
177 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 ...
user avatar
-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 ...
user avatar
  • 111
2 votes
2 answers
72 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 ...
user avatar
  • 21
25 votes
5 answers
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 ...
user avatar
0 votes
0 answers
47 views

Mobile app design size

Mobile app design size What size is more appropriate and common for mobile application design in XD Figma software?
user avatar
0 votes
2 answers
126 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
user avatar
0 votes
0 answers
58 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 ...
user avatar
4 votes
2 answers
148 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 ...
user avatar
-1 votes
1 answer
73 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 ...
user avatar
-3 votes
1 answer
80 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 ...
user avatar
  • 97
0 votes
2 answers
67 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 ...
user avatar
0 votes
0 answers
68 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 ...
user avatar
  • 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 ...
user avatar
  • 111
0 votes
1 answer
238 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 ...
user avatar
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 ...
user avatar
0 votes
1 answer
90 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 ...
user avatar
0 votes
1 answer
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 ...
user avatar
1 vote
1 answer
375 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?
user avatar
2 votes
0 answers
80 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 ...
user avatar
0 votes
1 answer
40 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 ...
user avatar
  • 3
0 votes
2 answers
107 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 ...
user avatar
1 vote
1 answer
148 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,...
user avatar
1 vote
1 answer
213 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 ...
user avatar

1
2 3 4 5
29