Home Web Front-end HTML Tutorial 网页前端设计需要注意的问题

网页前端设计需要注意的问题

Jun 01, 2016 am 09:52 AM
Front-end design Web Design

1.配色问题 

一个网页的色彩最好不要超过3种,一面视觉效果混乱,用色柔和,对比度强的色彩不能应用于一般网站,时尚网站使用还可以。一般不好搭配的颜色,用灰度搭配。 

2.字体问题 

很重要的一个问题,用标准字标准色,这是一个规范,行距一般控制在20px左右,不要太小,也不要太大,自己大小注意,中文12px,英文11px或者10px。不要用黑色字,可以用灰度或者其它柔和颜色,统一整个网页字体的色彩以及大小,规范整体。 

3.布局规范 

布局是非常重要的,考虑客户浏览习惯以及他们想展现的内容,并且优化。一个网页,如果布局不合理的话不但影响浏览,而且非常难看。 

4.制作习惯 

必须非常熟悉各种网站的功能,要做得非常全面,比如说一个商城的网站应该有哪些内容必须非常清楚,不要等客户提出之后才补充上去,会显得自己非常不专业。 

5.不可忽视细节 

客户对网站的感觉不好,不过又说不出,多半是细节处理问题,细心的处理网页的每一个象素,力求完美。

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

CSS3 animation brings creative inspiration and unlimited possibilities to web designers CSS3 animation brings creative inspiration and unlimited possibilities to web designers Sep 09, 2023 pm 08:45 PM

Overview of the creative inspiration and unlimited possibilities that CSS3 animation brings to web designers: In modern web design, animation effects have become an important factor in improving user experience and increasing website attractiveness. The emergence of CSS3 animation technology has brought more flexible, rich and creative design options to web designers. This article will explore the creative inspiration and unlimited possibilities that CSS3 animation brings to web designers, and provide some code examples. 1. Basic concepts and syntax of CSS3 animation. Before introducing CSS3 animation, we first need to

Revealing the unique advantages of absolute positioning in web design Revealing the unique advantages of absolute positioning in web design Jan 23, 2024 am 08:16 AM

Explore the unique advantages of absolute positioning in web design. In web design, absolute positioning is a commonly used layout method. By using absolute positioning, elements can be placed precisely at specified locations on the web page, and some special layout effects can be easily achieved. This article explores these advantages and illustrates them with specific code examples. Precise positioning of elements Absolute positioning allows precise control of the position of elements on a web page. By specifying the top, right, bottom, and left attributes of the element, the element can be

Web design skills and practical experience sharing based on CSS3 Web design skills and practical experience sharing based on CSS3 Sep 08, 2023 pm 07:07 PM

Sharing of web design skills and practical experience based on CSS3 In today's Internet era, web design is becoming more and more important. With the advent of CSS3, designers can now use a variety of stunning effects to engage users. This article will share some web design skills and practical experience based on CSS3, aiming to help readers improve their web design level. 1. Use transition effects. Transition effects can produce smooth animation effects for elements from one state to another. By using the CSS3 transition property, we can

Study the impact of introducing CSS third-party frameworks on web design Study the impact of introducing CSS third-party frameworks on web design Jan 16, 2024 am 10:32 AM

Exploring the impact of the introduction of third-party frameworks into CSS on web design Introduction: With the rapid development of the Internet, web design has become increasingly important. In order to improve user experience and provide richer functions, developers often need to use third-party frameworks to assist design and development. This article will explore the impact of introducing CSS third-party frameworks on web design and give specific code examples. 1. What is CSS third-party framework? CSS third-party framework is a set of predefined CSS styles and components that can be called directly when building a web page. These frameworks are rich in content,

Application fields of element selectors in web design Application fields of element selectors in web design Jan 13, 2024 am 10:35 AM

The application of element selectors in web design requires specific code examples. In web design, element selectors are a very important CSS selector, which can help us control and adjust the styles of elements in web pages. By flexibly using element selectors, various exquisite web design effects can be achieved. 1. Basic syntax and usage of element selectors The element selector is the simplest type of CSS selector. It selects the corresponding element by specifying the tag name of the HTML element. The basic syntax of the element selector is: tag name {

How to use CSS Positions layout to design card layout for web pages How to use CSS Positions layout to design card layout for web pages Sep 28, 2023 am 08:17 AM

How to use CSSPositions layout to design card layout for web pages. In web design, card layout is a common and popular design method. It divides the content into independent cards, each card contains certain information, and can easily create a neat and layered page effect. In this article, we will introduce how to use CSSPositions layout to design the card layout of a web page, and attach specific code examples. Create the HTML structure First, we need to create the HTML structure to represent the card layout.

What does h5 look like? What does h5 look like? Apr 01, 2025 pm 05:29 PM

HTML5 (h5) is the fifth version of HTML, designed to enhance the flexibility and functionality of web development. The main features of h5 include: 1) new semantic tags, such as, et al.; 2) embedded audio and video support, such as, et al.; 3) Canvas drawing API; 4) Geolocation API. These features are implemented through the browser's JavaScript engine, making web pages more dynamic and interactive.

A simple guide: Create a great CSS framework to enhance the professionalism and beauty of your web design A simple guide: Create a great CSS framework to enhance the professionalism and beauty of your web design Jan 16, 2024 am 09:02 AM

Five steps to teach you how to create the perfect CSS framework: Make your web design more professional and beautiful Maintaining a professional and beautiful web design is every web designer's dream. And establishing a perfect CSS framework is the key to achieving this goal. The CSS framework is a set of predetermined style sheets and rules that help designers quickly build web page layouts and styles. Today, I will introduce you to a five-step method to help you create a perfect CSS framework. The following are the specific steps: Step 1: Analyze requirements and determine the framework structure at the beginning

See all articles