Mobile app version of vmapp.org
Login or Join
Carla748

: 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

@Carla748

Posted in: #Highlights #PageLayout #WebsiteDesign

I have created the following page.



I have created a textured background, borders for two sections in the page.


Search Results
Selected Images


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.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Carla748

1 Comments

Sorted by latest first Latest Oldest Best

 

@Berumen635

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"

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme