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
1
vote
0
answers
41
views
What Design process should you follow as a design lead? Are there any ways you can make it easy for your juniors? [closed]
Say, I want to make it easy for my juniors to follow a design process so that it help them from missing the deadlines and work in an organised manner, so that they enjoy while working.
0
votes
1
answer
75
views
How much memory is required to send a 300x500 pixel page to a 500 dpi printer if each pixel is 20 bits? [closed]
I am stuck in solving the problem given below:
We are sending a page for printing to a printer with 500 dpi. the page size is 300*500 pixels. if each pixel is 20 bit then how much memory this would ...
5
votes
3
answers
2k
views
Best practice for alignment of numbers in ordered list
Code complexity aside, which of the follow two options is preferred for displaying html ordered lists?
The first aligns the item numbers to the right (with decimals all in line).
The second aligns ...
- 51
1
vote
1
answer
26
views
Adobe Illustrator formating to JPG turing out stretchy @ [closed]
I have finished some work on Adobe Illustrator, converted it to PDF and then JPG. but no matter how many times I changed the settings with compression,
My art board looks all squished...anybody know ...
- 11
2
votes
1
answer
173
views
Are there any ways of hiding object in Figma?
I am facing problem when I need to change the icons, are there any options in figma to hide the icons or object?
-1
votes
1
answer
76
views
Is it a copyright infringement [closed]
As I asked above .Is it a copyright infringement or not.
If it is ,what to change in order to make an original content.
24
votes
8
answers
8k
views
How do I make this color combination more readable?
I am trying to improve an existing web site, and this is what I am starting with:
<body style='
background-color: rgb(50,101,152);
color: red;
text-decoration-color: red;
...
- 353
1
vote
1
answer
324
views
Combining serif and sans serif font with matching x-height
I have a simple web page which uses a serif font and a sans serif font; both are set with font-family: serif and font-family: sans-serif respectively. With these settings I would expect that a well ...
- 123
0
votes
4
answers
247
views
Iconography - Icon or text first?
What is a better approach for designing buttons for the web? Should the icon come before the text or after? Personally I think it really depends on the context of area but just wondered what would be ...
4
votes
2
answers
38k
views
Web design (responsive) page sizes in 2019 [duplicate]
It's 2019. I am designing a web site (not developing). I am considering creating 3 layouts for each page:
375 x 667 (mobile)
1366 x 768 (laptop)
1920 x 1080 (large desktop)
I'm basing these sizes ...
- 59
-2
votes
1
answer
109
views
What is this style called?
This is a repost from the ux stackexchange.
I am trying to find the name of the style of the following websites. It's a mix of classic bootstrap and material design. But instead of full material ...
- 101
0
votes
0
answers
75
views
Tips on color in UI?
I've been working on a personal project recently, and I'm having trouble implementing the full color scheme. I've uploaded a semi-functional mockup .
My primary and secondary colors are: rgba(245, ...
1
vote
1
answer
200
views
Nested table of content designs
I'm using Bootstrap 4 for my websites layout, and recently wanted to create a nested Table of Content.
Considering https://graphicdesign.stackexchange.com/help/on-topic, I'd say this is about
the ...
- 113
0
votes
1
answer
76
views
List all hues used on a webpage or an application
I read How can I find out what RGB colors a website uses? and know how to spot a color on the website. There are several plugins available, and this topic is beaten to death on above stack page.
...
- 103
0
votes
1
answer
6k
views
Large color palette generator?
Is there a color picker that will generate a large palette of colors say 10 or so? Most I've seen max out at 5. In my case, I have a project that has about 14 color-coded sections and it would be nice ...
- 996
4
votes
2
answers
103
views
Real estate property listing formatting
Working on this real estate development website with multiple units for sale, each of these listing the number of bedrooms, bathrooms, floor and unit surface per unit (below the 'Family Unit' title).
...
- 29.1k
0
votes
1
answer
124
views
How to make a video of a counter e.g.100-1,000,000?
I'm developing a website and want a counter upon start up to go from
1,000-1,000,000
So we decided the best way to do it would be to put a video on the cover that would play on start up.
Now how do I ...
- 101
1
vote
2
answers
76
views
Are there any downsides to a dark theme?
I'm not a graphic designer - I'm a web developer.
I'm looking at creating a portfolio website, and hiring a graphic designer to design it for me.
By default, I personally like dark themes - and ...
- 131
0
votes
1
answer
286
views
What technologies should I learn in order to design low-poly art for the web?
What is the following type of art called and what technologies does one need to learn in order to produce this style of art? The best word I can think of to describe the art is low-poly but I have a ...
- 103
1
vote
2
answers
185
views
Adobe Sign for Websites
I have an editable PDF I want to put on a WordPress site. When people just try to open the PDF in their browser normally, the signature field is just a text box. When I make an Adobe Sign request ...
- 109
0
votes
1
answer
326
views
Svg file exported from illustrator rendered incorrectly on IE and Edge
The svg file code:
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="811.49" height="817.74" viewBox="0 0 811.49 817.74">
<path class="b" d="M692.4,290.2c5.4-4.2,6....
- 1
0
votes
2
answers
100
views
What is the element being used here?
I cant inspect element and find out, how they have implemented it. It's not simple highlight though, it has this glassy , feel to it .
Edit : not glassy anymore
- 111
1
vote
2
answers
480
views
How can I as a Front End Web Developer take advantage of tools like Photoshop?
So quite often I read that using Photoshop or something equal as a Web Developer can help a lot in actually making a concept of the Page and or moving stuff around more quickly to see how it looks, ...
- 119
1
vote
1
answer
142
views
Steps to to handing off designs to engineers
I work as a UX/UI Designer at a small startup right now. My background is in design with some front end work. I'm not sure our process for handing off files to developers is the most efficient and ...
- 37
0
votes
4
answers
821
views
Steps to becoming a Web Designer without writing code?
I'm a senior back-end developer. I have a sister who's a designer, and she really struggles to get to the end of the month. I see how successful web designers can be in agencies and software companies ...
- 129
0
votes
2
answers
156
views
Layouts for website 30% bigger. Could the problem be related to dpi?
I created multiple layouts for a whole website with 150dpis. I sent the layout to the developer and when I got the site back it was horrible.
The fonts were very big. The images too. The sizes are 30%...
- 1
0
votes
1
answer
2k
views
Hero image size and optimize [duplicate]
Size:
What size would be good for Hero image in pixels length and weight for both laptop and desktop?
Desktop images are more rectangular and the mobile device square images, this needs to be ...
- 1
1
vote
3
answers
886
views
Dimensions for designing a website
I have three related questions:
When it comes to deciding on the dimensions for responsive web design, who calls the shots at a digital agency? Is it the visual designer, developer, product owner or ...
- 11
7
votes
2
answers
1k
views
What colour space does a browser use?
Please correct me if I'm misunderstanding anything here -
I think I understand that a hex value of #AE0000 is meaningless without knowing what colour space it refers to.
If I write that in CSS as a ...
- 185
3
votes
3
answers
890
views
Are there any platforms on which we can keep our Psd's and AI file safe and also for sharing purpose?
I am looking for some platforms on which I can keep my heavy PSDs and other AI files safe. Also, I want to be able download them later when I want.
How do design companies share files? Through ...
0
votes
1
answer
469
views
What are the best font-paring and complimentary accent color for a brand that uses Old English font and dark blue (#001d3b)?
I have a project developing a web app for a school which it's brand and identity using Old English MT font and color #001d3b (dark blue in the image).
The problem I'm having and currently bugs me is, ...
- 103
1
vote
2
answers
155
views
What can good artists do to become good designers (web & app)?
I'm working towards a career change. I'm a good artist, but I've found that this does NOT translate into being a "good designer". Recently I took on a couple of jobs to test the water. I did two logo ...
- 49
0
votes
1
answer
181
views
How (or will) using black and white version of logo on main site be contra-productive?
A company I work for is in process of making a new website. Management wants to use only black and white version of our logo which primarily is colored.
The website will have a very minimalistic ...
- 131
1
vote
2
answers
66
views
Live Paint work for a responsive website?
Do vector drawings colored in with Illustrator's Live Paint work as expected for use in a responsive website?
3
votes
4
answers
192
views
How should a web programmer learn to design websites? [duplicate]
I worked at an agency coding websites for some time. I got very good, to where I could code entire websites from scratch in less than a day.
The agency had a separate department for graphic design, ...
- 141
3
votes
3
answers
234
views
Designing a webpage for cake customization
I am developing the website of a bakery where the client wants to offer different customization options for the various layers of a cake, namely, frosting, filling, etc.
The design that i came up ...
- 133
1
vote
3
answers
1k
views
Photograph of text looks blurry when small on website but when enlarged looks crisp?
I am editing some photos for a website that has text in it, when I upload them onto the site the text looks blurry, but when I pop the images open to being larger the text looks crisp and I am not ...
- 21
0
votes
2
answers
310
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
4
answers
306
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
1
answer
499
views
Help Me Find a Matching Font for My Logo [closed]
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
1
answer
496
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 ...
- 9
3
votes
1
answer
242
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 ...
- 133
0
votes
1
answer
102
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, ...
- 101
3
votes
2
answers
812
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 ...
- 33
1
vote
2
answers
136
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 ...
- 648
0
votes
1
answer
1k
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 ...
- 11
1
vote
2
answers
66
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,...
- 13
7
votes
2
answers
486
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 ...
- 173
2
votes
3
answers
269
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
1
answer
527
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 ...
- 463