サムネイル表示で商品・サービスをより見やすく!

サムネイル表示で商品・サービスをより見やすく!

こんにちは!昨日、看板製作事業部segnoのホームページTOPをリニューアルしました!

今まで施工させていただいた看板やディスプレイなどを迫力ある画面でご紹介しています。

是非、いちどチェックしてみて下さい!【→コチラから】

 

それにちなんで今日はsegnoのホームページボタンでも使用しているメニューなどにマウスカーソルを合わせた際に

吹き出しにてテキストや画像がでてくるツールチップという機能をご紹介したいと思います。

 

こちらはsegnoのトップページです。

 

サムネイル 画像

 

左側にずらーっと既製品の看板をメニューとして並べているのですが、文字だけ見ても一般の方には

どんな看板なのかわかりづらいですよね。

こちらはメニューにマウスをあてると、看板の画像がサムネイルで表示されるようになっています。

形が見えると、どういったものなのか、縦向き・横向きなどわかりやすく一目で確認することが可能です。

 

今回は、サムネイルとして使用したのでサイズの方は小さめのボックスですがサンプルの画像も見えやすく

下の方には商品の名称も入力しています。

このように文字のみのヒント、文字と画像を合わせたもの、画像のみと仕様変更ができます。

 

吹き出し

 

写真のタイトル表示に使用したり、

枠の大きさや吹き出しの形、(角のある長方形から角丸、丸い吹き出しまで!)

吹き出しの色など自由にカスタマイズすることが可能です。

 

角丸ふきだし

 

リンク部分の説明に使用したり、ちょっとした補足にピッタリ!

色合いや表示方法によってクールでおしゃれな感じに表示させたり、かわいらしいポップなものに仕上げたり

「ぴょこん!」とでてくる吹き出しは操作する側も見ていて楽しめちゃいます!

ホームページ制作の際は是非ご参考に!既存のホームページにちょっとした機能を付け加えたい際など

お気軽にお問い合わせ下さい!