Iconic Menu

Post Reply
User avatar
Dehatter
Professional
Professional
Posts: 350
Joined: Sun Jan 07, 2018 5:11 am
Location: Matthews, NC, USA
Station model: Ecowitt WH80
Software: Ecowitt GW1000
Contact:

Iconic Menu

Post by Dehatter » Wed Jan 31, 2018 8:02 pm

Building off what I learned in post: viewtopic.php?f=51&t=1148

I built in all icon menu bar:

Probably not for everyone, but i like it.

Tom
Attachments
menu.jpg
menu.jpg (15.03 KiB) Viewed 22409 times
icons.jpg
icons.jpg (32.46 KiB) Viewed 22409 times
Image

User avatar
Jachym
Site Admin
Site Admin
Posts: 1686
Joined: Fri Aug 18, 2017 10:12 pm
Location: Brno, Czech Republic
Station model: WH1080
Software: Meteobridge
Contact:

Re: Iconic Menu

Post by Jachym » Wed Jan 31, 2018 8:32 pm

Yes, it is possible, although you need to make sure the icons are clear enough and everyone understands them :) Sometimes what seems clear to you might not be for all, I would recommend asking a few people if they can guess all of them

User avatar
Dehatter
Professional
Professional
Posts: 350
Joined: Sun Jan 07, 2018 5:11 am
Location: Matthews, NC, USA
Station model: Ecowitt WH80
Software: Ecowitt GW1000
Contact:

Re: Iconic Menu

Post by Dehatter » Wed Jan 31, 2018 8:58 pm

The hardest one is climate. I can not find a really really good mticon. Is it possible to add to the list of mticons?

For instance I like the telescope that is in the icon folder, but I do not know the name of the mticon it is called.

Tom
Image

User avatar
Jachym
Site Admin
Site Admin
Posts: 1686
Joined: Fri Aug 18, 2017 10:12 pm
Location: Brno, Czech Republic
Station model: WH1080
Software: Meteobridge
Contact:

Re: Iconic Menu

Post by Jachym » Wed Jan 31, 2018 9:00 pm

Thats because how do you want to clearly express "climate" as an icon :D

User avatar
Dehatter
Professional
Professional
Posts: 350
Joined: Sun Jan 07, 2018 5:11 am
Location: Matthews, NC, USA
Station model: Ecowitt WH80
Software: Ecowitt GW1000
Contact:

Re: Iconic Menu

Post by Dehatter » Wed Jan 31, 2018 9:05 pm

I like this one, but I do not know how to add it.

Tom
Attachments
Sun_Rain_And_Snow-512.png
Sun_Rain_And_Snow-512.png (29.55 KiB) Viewed 22392 times
Image

User avatar
Jachym
Site Admin
Site Admin
Posts: 1686
Joined: Fri Aug 18, 2017 10:12 pm
Location: Brno, Czech Republic
Station model: WH1080
Software: Meteobridge
Contact:

Re: Iconic Menu

Post by Jachym » Wed Jan 31, 2018 10:11 pm

There is a similar one referred to as "weather". To be quite honest even yours doesnt really tell me it is climate. It is IMHO impossible to create an icon that would clearly mean "climate"

User avatar
Jachym
Site Admin
Site Admin
Posts: 1686
Joined: Fri Aug 18, 2017 10:12 pm
Location: Brno, Czech Republic
Station model: WH1080
Software: Meteobridge
Contact:

Re: Iconic Menu

Post by Jachym » Wed Jan 31, 2018 10:13 pm

If you have the word "climate" and an icon like you suggested next to it, people will see it as appropriate. However there is no icon that would clearly express climate on its own.

User avatar
Dehatter
Professional
Professional
Posts: 350
Joined: Sun Jan 07, 2018 5:11 am
Location: Matthews, NC, USA
Station model: Ecowitt WH80
Software: Ecowitt GW1000
Contact:

Re: Iconic Menu

Post by Dehatter » Wed Jan 31, 2018 10:27 pm

How about this?

Tom
Attachments
Climate.png
Climate.png (17.15 KiB) Viewed 22364 times
Image

User avatar
Jachym
Site Admin
Site Admin
Posts: 1686
Joined: Fri Aug 18, 2017 10:12 pm
Location: Brno, Czech Republic
Station model: WH1080
Software: Meteobridge
Contact:

Re: Iconic Menu

Post by Jachym » Thu Feb 01, 2018 5:01 am

Never any text in an icon - thats the whole point of icons, making them "international". This would only help you as an English-speaker, but probably not even that because think about the size of the icons on the page

User avatar
Ken Good
Advisor
Advisor
Posts: 62
Joined: Thu Dec 28, 2017 4:10 am
Location: Tyler, Texas
Station model: Davis Vantage Pro 2 Plus
Software: Meteobridge
Contact:

Re: Iconic Menu

Post by Ken Good » Thu Feb 01, 2018 5:25 am

I did this too.

www.BullardWeather.com

Ken
Image

User avatar
iatros
Language Admin
Language Admin
Posts: 147
Joined: Mon Aug 21, 2017 5:56 am
Location: Flims Waldhaus Switzerland
Station model: Davis Pro 2 6163
Software: Meteobridge
Contact:

Re: Iconic Menu

Post by iatros » Thu Feb 01, 2018 6:47 am

Dehatter wrote: Wed Jan 31, 2018 8:02 pm what I learned in post
You are most welcome, Sir :-)
Image

Language Admin für Deutsch

User avatar
Fraggboy
Forecaster
Forecaster
Posts: 193
Joined: Wed Sep 27, 2017 2:45 pm
Location: Sunny California
Station model: Bloomsky II + Storm
Software: Bloomsky
Contact:

Re: Iconic Menu

Post by Fraggboy » Thu Feb 01, 2018 10:38 pm

I was going to change all of mine to icons, and after I was 50% done, I scrapped it and went back to the text. . .

It would be too challenging for my visitors to understand.
Image

User avatar
Dehatter
Professional
Professional
Posts: 350
Joined: Sun Jan 07, 2018 5:11 am
Location: Matthews, NC, USA
Station model: Ecowitt WH80
Software: Ecowitt GW1000
Contact:

Re: Iconic Menu

Post by Dehatter » Thu Feb 01, 2018 11:18 pm

I actually did think about that, but when they click the icon, the drop down is pretty obvious. I just put it up as an idea. I like the very small header that presents now. If my viewer makes a mistake, you just click the the next icon. You don't even have to click back.

The most misleading icon is the climate one. There is a pretty good one alrealdy in the template, surroundings.png, but playing with every mticon name none of them hit that .png (not even weathercat.....really?? weathercat??....lol). I almost left it as weathercat just for jollies, but changed it to continentality even though that is not really close (it does have a map and some weather symbols).

Curious who uses weathercat though.
iatros wrote: Thu Feb 01, 2018 6:47 am You are most welcome, Sir :-)
And yes, I did learn it from you iatros!!

Tom
Image

User avatar
Ken Good
Advisor
Advisor
Posts: 62
Joined: Thu Dec 28, 2017 4:10 am
Location: Tyler, Texas
Station model: Davis Vantage Pro 2 Plus
Software: Meteobridge
Contact:

Re: Iconic Menu

Post by Ken Good » Fri Feb 02, 2018 2:12 am

I went back and forth about whether to use the icons for the same reasons mentioned above. I would like for the name to pop up when the cursor hovers over it, but it does not.

In the end, I decided that I liked it with the cursor and since I may be the only person going to my site, I decided to do it the way I wanted to do it.

Ken
Image

User avatar
Dehatter
Professional
Professional
Posts: 350
Joined: Sun Jan 07, 2018 5:11 am
Location: Matthews, NC, USA
Station model: Ecowitt WH80
Software: Ecowitt GW1000
Contact:

Re: Iconic Menu

Post by Dehatter » Fri Feb 02, 2018 3:18 am

I love the guage page! I did not realize it even existed!

:idea: :idea: :idea:

Sorry to steal it!!

Tom
Image

User avatar
Dehatter
Professional
Professional
Posts: 350
Joined: Sun Jan 07, 2018 5:11 am
Location: Matthews, NC, USA
Station model: Ecowitt WH80
Software: Ecowitt GW1000
Contact:

Re: Iconic Menu

Post by Dehatter » Fri Feb 02, 2018 3:31 am

Also found out that WeatherCat is a weather software program for Macs.

So I am sorry if I offended any WeatherCat users.

I was ignorant.

Tom
Image

User avatar
Jachym
Site Admin
Site Admin
Posts: 1686
Joined: Fri Aug 18, 2017 10:12 pm
Location: Brno, Czech Republic
Station model: WH1080
Software: Meteobridge
Contact:

Re: Iconic Menu

Post by Jachym » Fri Feb 02, 2018 5:25 am

Icons in the template dont use standard PNG/JPG image files, but CSS elements. This saves a lot of loading time, it can be scaled indefinitely because it is an SVG object with vector graphics. Those are the advantages. Disadvantages are that adding your own icon is very time-consuming, you would have to create your own SVG font with the icons converted to a vector object, then add this font in the header and connect it with all the pages. Not very easy and intuitive. There are pages which use normal icons as well (image files), mostly older pages in the template.

User avatar
Dehatter
Professional
Professional
Posts: 350
Joined: Sun Jan 07, 2018 5:11 am
Location: Matthews, NC, USA
Station model: Ecowitt WH80
Software: Ecowitt GW1000
Contact:

Re: Iconic Menu

Post by Dehatter » Fri Feb 02, 2018 10:05 pm

I relocated the 2 climate choices to other menus. One was station related anyway, and the climate map was not explained and was not relevant to me personally on a daily bases. Therefore, I eliminated the Climate tab.

Tom
Image

Post Reply