「ふもっふのおみせ」のファンの皆様(ふもマニア)に向けた情報サイト

ブログ

【JP.VARMILO】オリジナルキーボード作成のデザイン例紹介

"ふもっふのおみせの商品のマニア”略して"ふもまに”の皆様こんにちは!
ふもっふのおみせでございます!

自分好みのキーボードがWebで簡単に作れちゃう!
オーダーメイドVARMILOのキーボードの作成方法のご紹介【デザイン編】です。
オーダーをご検討いただく皆様から「どのようにデザインを行なえばよいのかわからない」といったお声をいただいていた本サービス。
今回はデザイン方法について、実物を交えて紹介させていただきます。少しでもご参考になれば幸いです。



あなただけのオリジナルキーボードを創れるオンラインショップ「オーダーメイドVARMILO」

JP.VARMILO

オーダーメイドVARMILO(JP.VARMILO)は、キーボードの配列を含むレイアウト構成や機能、スイッチ(軸)のカスタマイズはもちろん、LEDライト、本体ボディーとキーキャップの配色、字体、ケースへの刻印、追加キーキャップなど、あらゆる方面から自分好みに細かくカスタマイズすることができるサービスです。


オーダーメイドVARMILO https://jp.varmilo.com/keyboardproscenium/
詳細はこちら https://prtimes.jp/main/html/rd/p/000000033.000032349.html



本記事はYoutubeチャンネルで公開している下記動画のキーボードをご紹介したものです。


デザイン方法のご紹介

1. 使いたい色を決めよう

まずキーボードをデザインする際、メインカラーサブカラーの2色を決めてみましょう。

自分の好きな色はもちろん、テーマやキャラクターがあれば参考にしてみてはいかがでしょうか。
例えばメインを「青」とした場合、サブを同系色の「水色」にすると統一感のあるキレイなキーボードになります。

逆にサブを真逆の「黄色」とすると、メリハリが強い個性的なキーボードになります。

選ぶ色によって、見え方の方向性が変化しますが、どちらが正しい・おかしいといったことはございません。

カラーの選択方法のちょっと便利な小ネタもご紹介いたします。
各項目の決定ボタンの上に「単一」「数字/アルファベット」「機能」「全て」というボタンがあり、カラーを選択してからこちらのボタンを押すことで一括での変更、単一での変更等が可能です。
ぜひご活用くださいませ!

次に、メインのカラーを活用したデザインのご紹介いたします。


デザイン例のご紹介

1. 基本構成例とその応用例

メインとサブを選択する場合、サブは「メインに似ている色」または「メインの対角に存在する色」であることを意識すると良いかもしれません。
メインとサブを配色し、「少し寂しいな」と感じた場合は、サブカラーを2色にすると賑やか・ポップな印象になります。


2色構成

メインカラー 

ダークブルー

サブカラー 

レッド

ケースカラー 

スカイブルー

3色構成

メインカラー 

乳白色

サブカラー 

オレンジ

イエロー

ケースカラー 

03E250-1(UVプリント)

2. アクセントカラーを追加してみる

作成してみて「物足りない」「少しイメージと違う」と感じた場合はアクセントカラーを追加してみましょう。
こちらを部分的に使用すると全体にメリハリがでます。なるべく濃い色がオススメです。
カスタマイズ画面で、2色のときと同じ手順の後に、カラーを選択し「単一」をクリックします。その状態で任意のキーをクリックします。

アクセントカラー例 ①

メインカラー 

イエロー

サブカラー 

ダークグリーン

アクセントカラー 

レッド

ケースカラー 

グリーン

アクセントカラー例 ②

メインカラー 

クリスタルピンク

サブカラー 

ローズレッド

アクセントカラー 

レッド

ケースカラー 

レッド

アクセントカラー例 ③

メインカラー 

乳白色

サブカラー 

アクア

スカイブルー

アクセントカラー 

ダークブルー

シアン

ケースカラー 

スカイブルー

アクセントカラー例 ④

メインカラー 

乳白色

サブカラー 

ダークグレー

アクセントカラー 

レッド

イエロー

ケースカラー 

ブラック

3. もっと冒険した配色へ

カラフル

色をアトランダムに配置したキーボードです。
全体に適当にカラーを配置し、最終的に同じ色が隣接しないように調整しました。

レインボー

カラー 

レッド

オレンジ

イエロー

ダークグリーン

ダークブルー

ディープパープル

ケースカラー 

ブラック

同系色系グラデーション

カラー 

クリスタルピンク

ローズレッド

ディープパープル

シアン

アクセントカラー 

ダークブルー

ケースカラー 

03E236-1(UVプリント)

白黒

カラー 

乳白色

ダークグレー

アクセントカラー 

イエロー

ケースカラー 

ホワイト

4. プリントケースに合わせたテーマデザイン

ミリタリー風

メインカラー 

グリーン

サブカラー 

ダークグレー

アクセントカラー 

オレンジ

ケースカラー 

ジャングル(水転写)

オーガニック風

メインカラー 

乳白色

印字 

Forest Fairy(JIS

ケースカラー 

03E232-1(UVプリント)

パステルカラー

メインカラー 

乳白色

サブカラー 

クリスタルピンク

アクセントカラー 

アクア

ケースカラー 

ひまわり(水転写)

刻印について

更に特別感を出すために刻印を活用しましょう!


刻印はキーボードの正面、背面、矢印キー上のいずれか一箇所に可能。
線が細すぎない単調な白黒画像のみ印字可能です。
印字はいずれも黒のレーザー刻印のみで、マルチカラーや黒以外の単色カラーもできませんのでご注意ください。



ここまでこだわって作ってきたキーボードへの最後のひと押し!
オリジナリティがグッと高まり、お気に入りのキーボードになると思います。

登録不要ですぐにカスタマイズ可能!
ぜひ皆様もオリジナルキーボード制作に挑戦してみてください!

JP.VARMILO