The presentation and opening method of hyperlink a
|
<br />Related articles: How to prompt and open hyperlink a Manifestation <br />The troubles encountered by users or designers: 1. Users cannot tell whether it is a link or not. They have to move the mouse over the target and wait for it to turn into a hand shape to confirm that it is a link. 2. Unified link color is not conducive to interface design. analyze: The blue underline represented by baidu/google is the most classic link style, which directly reflects whether it is clickable/clicked. However, different websites have their own styles, and it is impossible to make them all have the same link style, which will greatly limit the design. I divide links into recommended clicks (article titles, etc.), prompt clicks (author name, "more", links within paragraphs, etc.), and functional links (navigation, buttons, etc.). Solution: It is recommended to use clickable links and set a default link color so that people can know that it is a clickable link as soon as they see the font of this color, such as blue. Make sure this color is darker than the normal text color so it is easier to distinguish. To indicate clickable links, the color of such links should often be designed to be the same as the surrounding text, so underlining is the best way. Functional links, such as navigation links and buttons, are clickable at first glance and do not need to be distinguished by color or underline. They can be customized. How to open <br />Trouble encountered by users: 1. There are too many pop-up windows, which fill up the entire screen and even freeze the computer. 2. All jumps are to this page. If you want to view other contents on the previous page, you need to go back. analyze: Most traditional websites prefer pop-up links to occupy the user's screen, while 2.0 websites prefer to jump to the current page and believe that pop-ups are very unfriendly. Why should users go to the previous page to click another link? Because the current page does not have a link to the previous page or the previous page has filterable content of the same level, such as a list of articles. The most ideal way to open the page should be to jump to this page or open a new tab. Solution: Links in a list, such as a group of news headlines, open in a pop-up window. Functional links, such as navigation, categories, paging, "more" and similar links, will open a window to jump to this page. External links, such as text links within friendly links paragraphs, use pop-up windows to open. Users can choose to open it by right-clicking and selecting "Open in a new tab" or setting the browser to "Always open pop-up windows in a new tab". |
<<: Simple example of limit parameter of mysql paging
>>: Two ways to exit bash in docker container under Linux
Recommend
Xftp download and installation tutorial (graphic tutorial)
If you want to transfer files between Windows and...
How to query data from multiple unrelated tables and paging in Mysql
Mysql multiple unrelated tables query data and pa...
Implementation of docker-compose deployment of zk+kafka+storm cluster
Cluster Deployment Overview 172.22.12.20 172.22.1...
MySQL database implements MMM high availability cluster architecture
concept MMM (Master-Master replication manager fo...
Detailed explanation of Mysql self-join query example
This article describes the Mysql self-join query....
MySQL: Data Integrity
Data integrity is divided into: entity integrity,...
foreman ubuntu16 quick installation
Quickstart Guide The Foreman installer is a colle...
Example of how to mosaic an image using js
This article mainly introduces an example of how ...
mysql create database, add users, user authorization practical method
1. Create a MySQL database 1. Create database syn...
Sample code for modifying the input prompt text style in html
On many websites, we have seen the input box disp...
JavaScript to display hidden form text
This article shares the specific code of JavaScri...
Some suggestions on Vue code readability
Table of contents 1. Make good use of components ...
Attributes in vue v-for loop object
Table of contents 1. Values within loop objects...
Specific use of lazy loading and preloading in js
Delayed loading (lazy loading) and preloading are...
W3C Tutorial (8): W3C XML Schema Activities
XML Schema is an XML-based alternative to DTD. XM...