Methods and techniques for designing an interesting website (picture)
Have you ever encountered a situation where we have tried to change other people’s feedback that they think we are “boring” or “outdated”, but the updated plan still doesn’t get a “Yes” from them? You ask them what exactly is “not outdated”, but they can’t clearly state the specific criteria. You have no choice but to take it back and revise it again and again, until you are going crazy, but still can't get a smile from the customer...  How can you make others smile when they see your design? This article is just a starting point to discuss "interesting design": "Interesting" seems to be the antonym of "boring", "outdated", "tacky", "unoriginal", "unremarkable", "lacking highlights", etc. Making an interesting design may help you stay away from all such negative comments. Do you feel like you have found a way out? But...what is "interesting"? Everyone feels differently. What you find interesting may not be what he finds interesting. This seems to be something completely out of control. You must be suspecting that what I say next might be nonsense. But…please continue reading, especially to the end, because this article is about finding some special common elements that everyone will find “interesting”! First of all, let me ask: What is your idea of "interesting design"? The designers who were asked answered:  But these words are still very abstract. What kind of design is cool and dazzling enough? Can it give you unexpected surprises? Look at the pictures: ① [Exquisite and sensitive interaction] http://www.extrememusic.com/ Interesting index ★★★★★ The dynamic navigation, meticulous interaction (mousevoer effect, etc.), appropriate sound feedback, elegant and smooth scene transitions, and exquisite visual texture all add a lot to it. In addition, the navigation in the upper right corner is like a fire burning in the dark, shining particularly against the dark background. But we have to mention that not every user's computer can afford full flash implementation.  ② 【The highlight of mouseover】http://steedicons.com/ Interesting index ★★★★★ After mousever, the whole picture is covered by a "magnifying glass", and the hand-painted style looks casual and interesting.  ③【Hand-drawn cartoon style】http://www.cosmicsoda.com/ Interesting index ★★★★★ Simple hand-painted style, soft brush copy background, dotted lines are obviously more lively than solid lines.  ④【High-quality large pictures】http://www.moodyinternationalllc.com/ Interesting index ★★★★★ It’s not just the high-quality large pictures, the use of bold fonts, the interactive rotation of pictures, the scrolling response after mouseover, and the echo of the two “{}” that show the designer’s intentions.  ⑤ 【Movement is better than stillness】http://uk.burberry.com/store/ Interesting index ★★★★★ The page is filled with pictures, some static and some dynamic. Once you mouse over, some static pictures will start to display dynamically, while others will appear with annotations on a black gradient background. No one knows what will appear next after you mouse over, and you no longer just glance at it. This arouses your desire to move the mouse to each picture and take a closer look.  ⑥ 【Wonderful Transition】http://riotindustries.com/#becominghuman Interesting index ★★★★★ Various surprising transition effects, page right movement, and smooth transitions between long and short image queues will whet your appetite. In addition, the screenshots are presented to everyone at a "tilted" angle, which is quite artistic.  ⑦ 【Animation】http://demo.templateworld.com/universal-css-templates/m-29062010b/index.html Interesting index ★★★★★ Just one outstanding animation is enough to support your entire web page. It’s like playing with building blocks. I was attracted by the three-dimensional banner at first sight, right?  ⑧ [Magazine-style layout and illustrations] http://www.templateaccess.com/wpdemos/wp220/ Interesting index ★★★★★ This is more like a high-quality magazine, with large, artistic illustrations and low-key yet sophisticated background colors that make the key points stand out. A beautiful picture is often more attractive than a paragraph of text.  ⑨ 【Only by taking an unconventional path can you stand out】http://mydesk.metabrain.com/ Interesting index ★★★★★ Not bound by lines or frames, neither rectangular nor circular, it jumps out of the background, and the casual placement of “my desk” instantly catches the eye. The banner material on the official website is consistent with the background of the App to be promoted, which looks pure and clean, with a clear theme.   ⑩ 【Illustration style】http://www.meomi.com/about.html Interesting index ★★★★★ If you see a website like this, you will immediately want to explore it as soon as you open it. It wins because it has a sophisticated content-carrying framework. When you make the entire web page look like a painting, everything will be different.  ⑪【Bold font】http://www.danieldiggle.com/design/ Interesting index ★★★★★ The first impression is - trendy. Let's analyze in detail why it is trendy? The use of dark background highlights the main content and forms a sharp contrast with the warm and large fonts. The exaggerated and bold large titles and large fonts are exactly the key points it wants to highlight, which quickly catches the user's attention.  After looking at these 11 websites, are you dazzled? If you still think it’s a bit abstract, here are nine elements that make your website interesting. The essence is of course saved for the end:  The last thing is to take action! "There is no boring design, only lazy designers." Design also needs packaging and makeup. Use these elements to embellish your originally dull design and make it interesting! Thank you to the following for sharing your cases:  |
<<: Examples of using html unordered list tags and ordered list tags
>>: A brief analysis of whether MySQL primary key uses numbers or uuids for faster query
Recommend
Metadata Extraction Example Analysis of MySQL and Oracle
Table of contents Preface What is metadata Refere...
A brief discussion on the solution of Tomcat garbled code and port occupation
Tomcat server is a free and open source Web appli...
Detailed explanation of MLSQL compile-time permission control example
Preface The simple understanding of MySQL permiss...
Analysis of the Docker deployment Consul configuration process
Execute Command docker run -d --name consul -p 85...
How to install and use Cockpit on CentOS 8/RHEL 8
Cockpit is a web-based server management tool ava...
HTML unordered list bullet points using images CSS writing
Create an HTML page with an unordered list of at l...
Solution to the problem of flash back after entering the password in MySQL database
MySQL database crashes after entering password an...
Summary of MySQL database usage specifications
Introduction: Regarding MySQL database specificat...
How to implement parallel downloading of large files in JavaScript
Table of contents 1. HTTP Range Request 1.1 Range...
MySql inserts data successfully but reports [Err] 1055 error solution
1. Question: I have been doing insert operations ...
Complete steps for Docker to pull images
1. Docker pull pulls the image When using $ docke...
How to install Windows Server 2008 R2 on Dell R720 server
Note: All pictures in this article are collected ...
Detailed explanation of the MySQL MVCC mechanism principle
Table of contents What is MVCC Mysql lock and tra...
Vue improves page response speed through lazy loading
Table of contents Overview What is lazy loading? ...
What are the advantages of using B+Tree as an index in MySQL?
Table of contents Why do databases need indexes? ...