: Ideas to highlight various areas of a Single Page Web Application I have created the following page. I have created a textured background, borders for two sections in the page. Search Results
I have created the following page.
I have created a textured background, borders for two sections in the page.
What I want is an effective way of highlighting the titles "Search Results", "70 Results Loaded" & "2 - Images Selected"
I have tried using different backgrounds, but it just looks ugly. Borders look out of place.
I am open to suggestions and ideas, even if it involves a redesign. The basic operation of the app is
Searching for a topic.
Displaying the results in one section.
User clicking images, thereby transferring them to the selected images section.
Some operations on the selected images.
I have limited design knowledge, so I have made a preliminary, fully functional version. Just looking to improve the design further.
To Highlight the titles, or make them more noticeable and easily read you can use some typography tricks:
Make them bigger, make them bolder, in a clearer font (a script font does not catch the eye, it is not immediately and subconsciously read as a word).
I would Left justify them with the section they are titling, Not centered.
Because your background is light you should contrast with dark text.
"70 Results found" should come immediately after "Search Results".
This was not asked for but I think the wording would be clearer and less redundant if it said : "Search Results: 70 Items" and "Images Selected: 2"