Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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 ...

0
votes
0answers
25 views

What are the best options for displaying longer names in menu in webdesign? [on hold]

This is my first question here, so dont judge me:) I have to display some menu items on home page, that are longer than 30 characters. Is there any good solution for that?
0
votes
2answers
59 views

Designing for text heavy content.

I'm a junior UI/UX designer and I'm struggling to design websites in our company because the content team is tasked to do 200-300 word sections in the home page. The content will look like this.. -...
-3
votes
4answers
114 views

Colors of design are perceived as boring, how can this be improved?

I'm working with the same colors all the time and I want to try to make it more interesting. I think the colors are getting boring but I can't just add another color without making it ugly or weird. ...
-2
votes
1answer
79 views

Help Me Find a Matching Font for My Logo [on hold]

I have designed the logo below for a social network and am looking to put the name "UMMATI" beside it. I'm trying to decide on a font that looks good beside it and to decide whether the text should be ...
0
votes
0answers
36 views

What are some of the best books to learn UI of Web?

I am looking for books focusing on the UI aspect of Web Design, not coding. Do you guys have any recommendations? Thanks!
1
vote
1answer
59 views

web banner that needs to be sized 469x60 pixels

Designing a web banner that needs to be sized 469x60 pixels. I am using Photoshop and everything looks blurry. I tried creating it 4x larger and then downsizing but it is still blurry. From what I ...
3
votes
1answer
79 views

It is recommended to put the main image below the bio info in your profile?

I am not an expert in interface design (just if you think my question is bad). I am designing my own web site where I share my work and add some info about myself. On the main page: it is ...
0
votes
0answers
23 views

Mesure lineheight and margin bottom in one Photoshop textfield

What is your approach for measuring the lineheight + margin in a Photoshop file where the text is in one textfield. So H1, h2, h2-sub are all in one textfield. What is the fastest way for this, when ...
0
votes
1answer
68 views

What do you think of puzzle backgrounds? Maybe old-fashioned? [closed]

please take a look to this fast wireframe: It comes from a web designer I work with. We are discussing it, because I perceive the puzzle background as somewhat, don't know, something not modern, ...
3
votes
2answers
94 views

Client asking me to copy another website layout and effects but not content. What point is it copyright infringement?

I know very similar questions have been asked but couldn't find insight on a situation as similar to mine. A (very good) client that I don't want to drop wants me to mimic another website's layout and ...
1
vote
2answers
104 views

How can I keep the user attention on the main content without changing the sidebar?

I'm working to make a layout of a portfolio website. The website will have a side navebar, which will collapse in the mobile view. What I'm trying to achieve is to keep the user's attention in the ...
0
votes
1answer
53 views

Material Design Assets

I've got a question about Material Design assets. In my work I'm supposed to do visualisation of a simple web app. My core tool is Illustrator and the requirement for this site is to be consistent ...
1
vote
2answers
43 views

Is there a feature to export a layout with dimensions?

I'm creating a layout for a website with Affinity Designer. Is there a feature in Affinity Designer (or Photoshop/Illustrator) to somehow export a design generating all dimensions into the target file,...
6
votes
2answers
90 views

Is there a canonical way of representing parallax backgrounds in a wireframe?

I am currently working on several wireframes / mockups. The product I am designing will have a landing page with a parallax. What is the correct way of representing this in a wireframe? So far, I ...
2
votes
3answers
63 views

Header container alignment with the body container

I always have this dilemma of choosing whether to align the navigation/header container with the content/body container. here are two example images that shows what I am talking about. I outlined the ...
2
votes
1answer
77 views

Pairing the “Learning Curve” font

I'm trying to find a good pairing for the Learning Curve font, to use in a website. This particular font is used in the client's logo. I must convey a stylish and elegant mood, and I've tried to pair ...
0
votes
1answer
55 views

SVG for Web — possible to use clipping via CSS without a clipPath?

I'm not too well versed (yet?) in using SVG for the web. What I do know is that simple shapes are better than complex paths, if at all possible (due to simple points versus pathing points). Because of ...
0
votes
0answers
22 views

Screensize vs viewport – what canvas size should I use / choose?

ScreenSize (layout viewport) – interpretated as background, which user can observe the moment browser window loads content, including scrollbar (17px for Chrome) oriented vertically on the right side ...
1
vote
1answer
29 views

Looking for website examples for a drag and drop style widget

I'm designing a site and they want me to add the functionality to drag and drop different data to be displayed to the client in different ways. For example, bar charts or line charts. I'm having ...
0
votes
1answer
35 views

How to resize all the layers?

I'm working with a graphic designer who doesn't know how to design for the web, I can't blame her, she's not a web designer. She keeps sending me pictures and PSDs that seem too big, I do my ...
0
votes
1answer
101 views

Smart home design feedback

I would like some feedback for my design. It is in german because we are situated in a german speaking part of the world. Back story, it's a website which will guide a customer with smart home ...
0
votes
1answer
33 views

Building “HTML5 PSD files from comps”

I'm applying for a gig and one of the requirements is "Experience building ... HTML5 PSD files from comps". Can someone expand on what is meant by "HTML5 PSD files from comps"? I understand what ...
0
votes
2answers
51 views

RYB or RGB when designing for the web?

After reading this article, I started to question if I should be designing websites taking into account the RGB wheel instead of the RYB. What wheel should I be using for color selection for website ...
0
votes
1answer
24 views

Ideal range of brightness and saturation for background color of a website?

I'm developing a website and I'm thinking about the background color saturation and brightness. I've read that too saturated and bright colors would strain the eye if not immediately after a while. ...
0
votes
1answer
48 views

Why are title images so often distorted? [closed]

Example. I've read somewhere it's because people upload them in too high resolution and the browsers' scaling programs aren't perfect. However, today I bumped into a distorted logo of equal size on ...
0
votes
1answer
60 views

Optical illusion caused by gradient. How can I avoid this effect?

I have a background image that is bright on one side and dark on the other. Below it I have a gray box. The issue is that the gray box appears to be diagonal instead of flat which I believe is caused ...
0
votes
1answer
58 views

How to reproduce this effect and what's its name? [duplicate]

I have been looking on project on behance and there are plenty of projects that show interfaces in a 3d way with depth and I can't find anything to reproduce something like this, so since I am not a ...
-1
votes
3answers
161 views

Maintaining curves within logo

I have the following logo... I need to adjust the "3" so that the curves used for the 3 are proportional and the same degree of arc as the other curves. Currently, the arcs within the 3 appear ...
4
votes
1answer
163 views

Doing website for a client but logo is not good quality

I'm doing a website for a client and they provided me the logos but, the logos all have a white background which I've tried to remove but I cannot. I use Canva to adjust the logos. The logos are ...
0
votes
0answers
27 views

Increase pixel density without changing image size (for web)

I want to save for web but I have jagged edges in my text when I zoom in. I was wondering how to increase the number of pixel per inch without changing the width and length of the image. When I use a ...
0
votes
2answers
78 views

Image on browser at 100% is pixelated, create image 200% and scale half size is sharp

How can I host an image at 100% size on the web and keep a sharp image? Is the web browser down sampling my images? If I create an image at 100% size (example 1000px wide), and display it naturally ...
3
votes
1answer
64 views

How to create complex CSS structures? [closed]

How do companies like Google, Facebook maintain their CSS files? I have looked at some of them and they are really huge, even with their names all scrambled? How do they manage to create so complex ...
0
votes
1answer
36 views

Create an input range slider with a high range [closed]

I want to create a web page for some visualizations I made using d3.js. I create a map, an heatmap and some other small charts. In this drawing I show (very schematically) how the created graphs ...
1
vote
1answer
37 views

Which image format to use for IMPORTED images while creating web design assets

Very basic questions, but I still do not have a clear understanding on it. Let's say that I need to create web assets (banners, social media posts, etc.) and I need to import product pictures and ...
0
votes
0answers
34 views

Is it a bad practice to use the same font in your logo and headers/paragraphs? [duplicate]

Like the font in the YouTube logo is different than the font used everywhere else on their website. Are there any examples of (big) companies that do otherwise?
0
votes
4answers
148 views

How to deal with “poor design” client feedback

I was commissioned to design a website for a cruise ship/boat that has 7 restaurants on board. The client provided a reference for their competitor which is Pier88group. I went ahead and designed an ...
4
votes
1answer
138 views

What are some classic decorative typography techniques?

I'm working on a website, and I'm using a drop cap/initial letter for the text body. I find this technique to be very eye-catching and beautiful to look at. Does anyone know any similar simple, ...
0
votes
1answer
77 views

SVG Logo pixelated on wordpress website

I have saved my vector logo as .SVG file from adobe illustrator. But when i upload it on my website it is pixelated. The size of the logo which i want on my logo is (125px by 125px) but i am unable to ...
1
vote
1answer
57 views

Iconography Sizing - Creating a Grid

I’m trying to create a grid to make my icons more consistent. At first, I decided to play with 24x24 px as my default size (with 1px line weight). To maintain visual weight, my circles were 22x22 px, ...
2
votes
1answer
42 views

Spacing and padding iconography

Wanted to practice making an icon set. I created a 24x24 px grid as a starting point. Let’s say, based off this grid, I have a rectangle icon that is 16x24 px and a square icon that is 20x20 px, but ...
-2
votes
1answer
76 views

How can i learn to create complex UI and graphics on my website? [closed]

I have been scrolling through dribbble and i could see very impressive web design shots, so far i just create basic looking websites but i would like to improve on my UI with a bit of graphic design. ...
-1
votes
1answer
24 views

Permission to uses fonts to web [closed]

how can I know if the font that I have "Weidemann std font", have the permission to visualize it on the web?
9
votes
3answers
848 views

How do designers choose shapes in a design?

A lot of times, while browsing through sites like Dribbble, one comes across sites that use shapes (see this example). Sorry for being naive, but is there a reason behind choosing a particular shape ...
-1
votes
1answer
33 views

How to approach designing a landing page for a wholesale retailer without eCommerce? [closed]

I'm trying to sketch the look of a website for my parent's retailer. We sell disposables/restaurant supplies like plastic cups/napkins/paper bags, etc. Very old school, local, small and personal. ...
3
votes
0answers
52 views

Simplifying mobile web design without altering given requirements [closed]

I'm writing and designing a mobile web application where users chat with one another. This question is about designing a page where each user's interactions with connected contacts are shown. This ...
2
votes
0answers
104 views

Google Web Designer distorting image sharpness

I'm using Google Web Designer to create an animation. The program is awesome for the most part. The one area where it's a bit befuddling is with image quality. Original images are usually quite ...
0
votes
2answers
241 views

Bodymovin a good idea for web animations?

On our new "how it works" page we want to use animated graphics to better explain some concepts of our service. We don't have any experience with more complex animations and we decided to try ...
0
votes
1answer
51 views

What are the Best Sizes for Designing an Icon Set Used for Web

The icons that I've created for a website of mine are starting to become a little disjointed in size and styling. I"m wanting to spend some time creating a standardized icon set. I'm most concerned ...
1
vote
1answer
128 views

Can I redesign a random website for my portfolio?

I would like to redesign a random website and use it in my portfolio, either as an image or sample live project. Am I allowed to do that, use their logo and link to the old website, that's still ...
1
vote
1answer
42 views

Can we have a multi-coloured logo as white in the navigation for better visibility?

Is it okay to have a white logo on the navigation because of a darker colour shade and the original multicolored logo in the footer? Is this an accepted practice?