10 Best Unique for Creative website ideas
There are some things that can help you experiment and reach beyond this thinking; This article shares some of them.
1. Start with an empty canvas
Getting started with another design or any work you’ve done before is a great way to save time on a project.
In reality, a lot of unused design work can be remodeled and recycled into new projects, increasing your productivity.
This is an exercise that I encourage because it saves a huge amount of time and draws what might be a great idea that doesn’t click past the trash bin’s project.
But this is not a great way to come up with that cool new design that is going to set the world on fire.
Start with a blank canvas.
Don’t even white the background color (which is the default in many popular web design graphic editors, such as Photoshop);
You may not know if you want to go that color yet.
Do not try to control yourself to start at the top of the page layout (header) or to start with a wireframe layout (if you do not already use this process).
A great idea for how navigation can work? Sudden inspiration for a great way to display a page or post title?
Starting with a description can be the opposite of a normal workflow because we typically start with the smallest (i.e., layout structure and then content). However, it is a great way to get creative juices flowing.
Creating a website Who says a web layout needs to be limited to 4 straight-edged sides? Owaiko, a Kuwaiti graphic designer, uses a graphical layout with an expressive perimeter for his content area.
You might be surprised that working on a small detail can bring new ideas to your brain about various areas of the site (which the True Greif web designer also tried on his article on busting through blocks Does).
Before you know it, you will be hanging around your canvas.
2. Think outside the box Do not use pre-described layouts
Grid systems such as 960 Grid systems are amazing for displaying web content, not only because they are easy to set up and because they increase your efficiency in deploying and maintaining website projects, but also because they are your web pages. Let’s improve the usability and stability of the layout.
With some projects, there is something to be said for stability and cross-browser support, especially if you are working with a broad, mainstream target audience.
On the other hand, such strict layout mechanisms can be the biggest handcuffs a designer (layout) is looking to think outside the box.
What if your page size is? What if it is not determined?
For a change, create a product and then challenge yourself to a new solution. There is no rule that your site is not said to be accessible unless it fits in a box of 960 pixels. So instead of stopping your thoughts around these restraints, build the idea and find a way to make it work.
Luxuma, a audio-visual production firm, creatively using a horizontal-scrolling layout to fit the site’s content into a page out of the box.
Instead of sticking within your comfort zone, look at different layout types, see how new standards like HTML5 and CSS3 (with progressive enhancements) can improve your work, and so on.
3. Do not use a CMS
Like set layouts and grid systems, today’s content management systems are amazing tools that save time and effort while maintaining beautiful design standards and very good flexibility. Platforms such as WordPress, Expression Engine and Drupal are very malleable and used in innovative ways, but they still provide designers with restrictions. Especially when combined with grid systems, which many publicly do to speed up free theme development, content management systems can be dangerous to your creativity.
It is no rare occasion that I get the first iteration of a client’s website design to be my favorite. 99% of the time, the progressive decline of the initial design can be attributed to a customer who wants to add content that has been removed, or displayed in a particular fashion, not to the initial layout. was.
If you are working on a creative project or just a project for entertainment, then take advantage of your newfound freedom on content. Think about it: We use CMS because we want an easy way to deal with site updates and changes, but if we eliminate this concern – at least on occasions where it is acceptable – we can design. Opens up a lot of new possibilities.
4. Avoid Online Motivation
For projects that we really want to make unique and innovative, we should probably avoid looking at what other designers have done before us. This means that we should not start our innovative web design and type of website project by looking at the design gallery and design showcase.
Online galleries and blog posts with inspirational examples of web designs are useful to get inspiration. I look through these sites and blog posts all the time – I like to see what other web designers are doing, and I recommend you too.
In fact, my big issue with getting inspired in this way is that it is no fun to start your new design keeping in mind someone else’s design.
Of course, it is hard. For example, customers who are not sure what they want in their website, are often helpful in providing you with links to websites they want to perform as expected. It is hard to start completely from scratch when you have a bad day, and visualization can jump through idea-generation through design-gathering websites and blog posts, to get your creative juices flowing.
Design Studio and design inspiration has an interesting single-page navigation scheme with a background that changes depending on the time of day you visit the site.
However, if you want to build a site that is high quality unique, then see what you can do on your own. It won’t always be great – and that’s okay – often fail and fail quickly. Try to avoid the trap you have to do as good as the competition when you can get a better solution out of your mind.
5. Before you are trying at least once
Taking advantage of your experience and construction business model projects a lot of work and small businesses based on techniques that have worked well in the past become standard practice for many of us – it’s fast, easy, and efficient.
But it stabilizes very quickly, and as part of an industry that changes very rapidly in nature, we should always encourage ourselves to try new things and build new talents landing page and product pages. Is this going to work well for you every time? You can’t bet your ass that it will work at least once more if you never try.
6. Like you don’t like to code it
Let’s make one thing straight. In “web designers should know how to code?” Debate, I think web designers really need to know and design their own web (at least in CSS and HTML).
However, web designers who know they will code a web design mean that we will have experienced-based design hesitations and restrictions when designing the look for a new site (for example, “I know it’s transparent PNG won’t work in IE6, and I don’t want to deal with it, so I’ll avoid it “). The more HTML and CSS browser-rendering issues I encounter, the more it affects. That I develop mockups of their sites in Photoshop.
Knowing how difficult an element or interaction design is to implement using CSS, HTML, and client-side scripting is the way I execute my ideas on a graphic level.
It’s not really bad at all. In fact, this is why you should know how to code your own web designs.
Knowing what the medium’s limitations are is key to creating realistic and usable websites. If you have a deadline to meet and know how to make design changes to save time and maintain visual quality, then you will be a more prolific web designer.
But, in terms of creative freedom, constantly thinking about how difficult or impossible it is to implement is a great restraint, and if we want to create something out of the box, ignorance is bliss.
A large photo-realistic backdrop, elements that require a transparent background, an organic and unconventional layout structure – it works too much, but Ikoki pulled it off brilliantly.
7. Go Old School
Many designers today are well aware of the idea that using tables in your web design is sinful and a bad practice. But this is not the whole truth. Tables still hold an important place in our web designs, and while I encourage you to use them to develop web page layouts, they still have relevant applications such as displaying tabular data.
Tables are not the only elements left on the shelf in garages these days. Using marquez or blinking elements leads to nightmares for a lot of designers, and a dark time in web design leads to their poor reputation.
The jQuery robot, a proof-of-concept, scrolls the background horizontally, much like <marquee> did with HTML text.
It can be a fun project to revisit some of our long lost friends to restore their reputation and awaken a lot of creativity.
8. Go New School
Browser testing and debugging is useless. This is the worst – yet most essential – task involved in every web design project we undertake. Since web browsers (and other platforms over which we have no control) are showcasing our work, it is easy to consider the most important constraint on what is possible in web design.
However, competition in the browser market is increasing, with browser vendors constantly trying to unite each other (even playing Internet Explorer’s game). Competition is good because browsers are less likely to accept the status quo, implementing future web standards faster than ever before.
Seeing what we can do with the new things being introduced in HTML5 and CSS3 is a fun and popular hobby for the informed, modern web designer. For example, see these proof-of-concepts using CSS3 and / or HTML5:
Semantic CSS3 Lightbox
Sexy tooltips with just CSS
How to create social media buttons using CSS3
CSS3 Card Trick: A Funny CSS3 Experiment
How to create inset typography with css3
Create CSS3 Call to Action Button
How to make CSS3 Christmas tree ornaments
10 interesting CSS3 experiments and performance
How to build a lively commercial HTML5 web design
How to create HTML5 3D engine
Unfortunately, cross-browser compatibility stops the rain on our parade and we limit it when we talk about figuring out how HTML5 or CSS3 can improve the look and function of a project. However, with sufficient understanding of the new specs, you should be able to use them without neglecting web browsers that will / will not support for these future standards.
To learn about CSS3 and HTML5, read the following resources:
Basic CSS3 Techniques You Should Know
CSS3 Techniques You Should Know
20 useful resources for learning about CSS3
Six questions: Eric Mayer on CSS3
3 advanced CSS3 techniques you should learn
Only the HTML5 resources you need to get up to speed
HTML5 Apps Status
Html5 canvas element guide
9. Provide a unique barrier
Most of the ones I have discussed so far are meant to encourage you to think outside the box and provide your mind with limitless possibilities with your designs.
However, if you find yourself fighting a mental barrier or are struggling to take advantage of your newfound freedom, one of the best ways to generate some unique ideas is to give yourself some restraint.
Of course, we don’t always want to slap on the same old boundaries that we have; Instead give yourself some clever boundaries and see how you can bend your design to play by the rules you give.
These bottlenecks can come in any form. For example, what if you avoid using 5 colors that you almost always use in your web designs?
What if you haven’t created anything other than the Arial font? What to say about keeping the web weight of your web designs down, 95KB? Pulling an attractive design within such boundaries will force you to use your skills.
So that you can do your work around the walls you have built.
10. Cooperate with others
Working as a member of a team can be both an amazing and surprisingly disappointing experience. On the one hand, dedicating experts to specialized areas of production of a website will yield better results in less time.
On the other hand, communicating your own thoughts and ideas with another person can be a challenge, as well as trying to explain them about the problem facing the team.
However, partnering with another designer (or a group of designers) can be both fun and inspiring. This technique can be seen at its best in dribble rebound challenges.
While Dribble did not invent the idea, it has highlighted with a large and very talented design pool.
Designing based on another person’s work is a great way to force creative results based on the unexpected efforts of a different designer with limited restrictions.
What will happen if we implement all these ideas?
Okay, let’s have a look:
Your site will not have a standard layout
Your design may not work without much work and tweaking in content management systems
You will not use any of the experiences you have accumulated.
You will not be able to take advantage of experiences that other design professionals have voluntarily shared
Your design will include experimental ideas that may not work
You can use techniques that are considered old school (such as marquee or blinking elements).
You can end up using code that not all web browsers support (eg, CSS3 and HTML5).
Seems like an awful way to build a website for me – but it might just work.
In fact, however, if these ideas only produce a good idea, a new technique, or a better gauge of your professional skills, then you have succeeded in my book.
If you only get a new idea that is your own and that you love, then you have hit a home run in terms of getting better at web design. All this will not happen over time; It didn’t even happen most of the time. The real value in discovering your own creativity is to be able to use only one idea that no one else has done before.