PalleteシリーズのHAIKテーマを紹介します

2015年8月末に、HAIKの新デザインテーマ「Palleteシリーズ」が公開されました。
それを契機に従来のhaikテーマ一句~十句を「Simpleシリーズ」を呼んで区別しています。
その「Palleteシリーズ」も段階的に公開されて、現在では結果的に10テーマ全部揃いました。
メーカーのPRメッセージも良いことばかりが記載されており、「中には眉唾物もあるのでは?」そのまま鵜呑みにできない筆者の性格上、公開された10テーマ全てを使ってみての結論を出したいと思っております。
ちなみに、当ページは HAIK_yonk で作成しております。

[check]凡例(以下の紹介記事の説明です)

自前の見本ページテーマカラー&解説メーカーのデモ画面
筆者が作成した見本ページです。
クリックして見本ページが見れます。
またテーマカラーの選択で、どの程度の影響があるのか、その反映度合を★の数で表現しました。もう1つのサムネイルはhaikで作った実際の自前運営サイトです。
使用できるテーマカラーの一覧と筆者なりの使用感をコメントしました。メーカーサイトのデモ・ページです。
クリックしてデモ画面が見れます。


haik_flat

画像の説明
テーマカラーの反映度合:★★★

画像の説明
haikテーマ購入者がQHMをインストールして最初に目にするデザインが、このhaik_flatです。QHMインストール後の初期画面として採用されています。
特徴としては、ナビ、見出し(大)、フッターの各背景色が全て同一のテーマカラーで統一され、そう言った意味では「可もなく不可もなく」のhaikの代表的なテーマになっています。
デザイン的にも旧QHM標準デザインに最も近く、haik初心者には違和感がなく使いやすいテーマの一つだと思います。

flat


haik_moi

画像の説明
テーマカラーの反映度合:★

画像の説明
メニュー幅:190px、本体横幅:670px、アイキャッチの横幅:735pxと新haikテーマの中で最も横幅の小さいテーマです。テーマカラーの選択で影響する箇所は、中見出しの頭に同色の+記号、小見出しの文字色、フッターの見出し文字色ぐらいで、殆ど、影響度合が少なく目立たない存在です。

画像の説明


haik_bio

画像の説明
テーマカラーの反映度合:★★

画像の説明
メーカーのコメントでは、アイキャッチの文字色について編集可能なように記載されていますが、実際には編集できません。代わりにテーマカラーで設定された色でアイキャッチの文字色が強制的に設定されています。テーマカラーの設定箇所はナビの背景色と前記のアイキャッチの文字色です。コンテンツ部分の見出しには、テーマカラーの設定結果は反映されていません。

画像の説明


haik_pop

画像の説明
テーマカラーの反映度合:★

画像の説明
テーマカラーを変えるとページの何処に反映されるのか、いろいろ試してみました。その結果、
(1)ナビの文字色、
(2)大見出しの文字色、
(3)フッターの見出しの文字色、
(4)ナビとメニューの背景色の一部の箇所
等々にテーマカラーが設定されます。

画像の説明


haik_kinaco

画像の説明
テーマカラーの反映度合:★

画像の説明
メーカーのキャッチコピー「背景に和風のテクスチャ」と記載されていますが、コレこそ「眉唾物」で、どこに「背景に和風のテクスチャ」があるのか不明です。6種類あるテーマカラーを変えても、何処が変化したのか今一分かり難い。具体的にはナビの背景色とフッター部分の見出し文字の色が変わるだけで、本文の見出し色には何の変化もありません。これでは、テーマカラーの存在価値が薄い、無くてもなんの問題ない程度です。個人的な趣味で言うとお薦め出来ないテーマと言えます。
テーマカラーアイコンの最右端の2色表示の意味が何なのか意味不明です。

画像の説明


haik_cool

画像の説明
テーマカラーの反映度合:★

http://sisaku.fujigopc.com/index.php

画像の説明
メーカー曰く「ナビやメニューが控えめでコンテンツに注目を集めることができます」との弁、確かにテーマカラーをいろいろ変えてみても大した変化は期待できません。地味で目立たないテーマです。

画像の説明


haik_fabric

画像の説明
テーマカラーの反映度合:★

画像の説明
唯一、HPの背景にテクスチャ(画像)を指定できるテーマです。唯、これは仕様なのかバグなのかはっきりしませんが、不可解な部分もあります。それは下層ページのアイキャッチ部分にアイキャッチ画像が表示されずに、背景テクスチャで設定した壁紙が表示されています。
上記の件は、やはりバグと判明しました。現在では解決しております。

画像の説明

画像の説明


haik_tent

画像の説明
テーマカラーの反映度合:★★★

画像の説明
特徴は、太めのテーマカラーでサイトを縁取りするページとなります。メーカー曰く明るいテーマカラーを使えば、ポップでメリハリのあるサイトに、淡いカラーを使えば、おしゃれで高級感のある雰囲気になるそうですが、果たしてその通りか否かは疑問です。

画像の説明

画像の説明


haik_drawing

画像の説明
テーマカラーの反映度合:★

画像の説明
メーカー曰く「アイキャッチが波打つとても魅力的なテーマ」との弁ですが、波打つと言ってもアイキャッチ画像の下辺が直線でなくて波形の曲線になっただけのイメージです。
テーマカラーは一応6色ありますが、両端を除く真ん中の薄い4色を選んでも効果が期待できない結果になります。
何故ならばこのテーマのテーマカラーは、本文中の大中小の見出しの文字色にのみ使用されているのみで、その影響度は極めて少ないからです。

画像の説明


haik_doc

画像の説明
テーマカラーの反映度合:★★★

画像の説明
左サイドメニューが固定されておりコンテンツ部分をスクロールしても上下に動きません。これが唯一の特徴です。
テーマカラーは上記のように計8色ありますが、他のテーマの表現と微妙に異なります。
要するに斜めに2分割された2色表示となっています。斜め下の色がサイドメニューの背景色で、斜め上の色がメニューの文字色になっています。
それとこのテーマ独自の仕様ですが、スマホ・タブレットの使用時に「MENU」なるボタンがナビ上に現れ、そのボタン押下でメニューを左からスライド表示する機能も、このテーマの特徴の一つになっています。

画像の説明

画像の説明


haik_seed

画像の説明
テーマカラーの反映度合:★

画像の説明
Ver6.0での無料haikテーマ「seed」です。

メーカーのデモサイトはありません。


キャンペーン企画 haikテーマいろいろ


ブログの更新履歴