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
How to encapsulate WangEditor rich text component in Angular
The rich text component is a very commonly used c...
A brief introduction to MySQL dialect
Putting aside databases, what is dialect in life?...
Solution for coexistence of multiple versions of PHP under Linux system (super simple)
Since PHP7 came out, as a fan of the latest versi...
How to deploy hbase using docker
Standalone hbase, let’s talk about it first. Inst...
Common considerations for building a Hadoop 3.2.0 cluster
One port changes In version 3.2.0, the namenode p...
The difference between where and on in MySQL and when to use them
When I was writing join table queries before, I a...
How to disable web page styles using Firefox's web developer
Prerequisite: The web developer plugin has been in...
Vue uses plug-ins to cut pictures in proportion
This article shares the specific code of Vue usin...
How to create a Docker repository using Nexus
The warehouse created using the official Docker R...
A small collection of html Meta tags
<Head>……</head> indicates the file he...
Docker configures the storage location of local images and containers
Use the find command to find files larger than a ...
How to write memory-efficient applications with Node.js
Table of contents Preface Problem: Large file cop...
Method of building redis cluster based on docker
Download the redis image docker pull yyyyttttwwww...
Vue implements countdown between specified dates
This article example shares the specific code of ...
Summary of the differences between count(*), count(1) and count(col) in MySQL
Preface The count function is used to count the r...