IT 技術情報系ブログサイト「Aqueduct」のロゴをデザイン制作しました。
Aqueduct とは用水路を指す用語とのこと。日々加速するIT業界で生き続けるための大切な命の水を運ぶ。そんな目標があるとのことでした。サイトコンセプトのヒアリング後の制作では、ヨーロッパの造形美しい水道橋をモチーフとする案をご提案させて頂き、そのままご採用頂きました。水道橋の右肩の小鳥はITの世界を羽ばたく私たちです。このサイトに水を飲みに訪れています。このサイトに沢山の鳥達が集まるようになると素敵ですね。まだオープンしたばかりの同サイトですが、今後の成長に期待申し上げます。
http://en.wikipedia.org/wiki/Aqueduct
http://ja.wikipedia.org/wiki/用水路
近日開業される総合レクリエーションサービス「KENBURN」様のロゴデザインを制作しました。
制作当初、メインロゴのイメージについて、お客様より下の完成ロゴデザインほぼそのままの明確なデッサンをお預かりいたしました。地球をぐるっと取り囲んだ「KENBURN」の文字はもちろん、ロゴマークの「B」の文字に配された月と太陽のマークまでもご指定という、かなりコダワリのお客様で、それだけにそのイメージを汲み取りつつ、どこまで昇華させることが出来るか？という挑戦でもありました。
ヒアリングでは「楽しさ」や「ワクワク感」を出したいとのこと、そこでお、元のデッサンを裏切り、全て英文字だった「KENBURN」のロゴに片仮名を採用するご提案も評価いただき、そのまま採用して頂きました。
開業当初は主に東南アジアでの現地ツアーサービスを展開されるとのこと。下のイメージは、そんな東南アジアの空をイメージしてロゴデザインを配置したものです。
基本ロゴです。
基本ロゴのグレースケールバージョンです。フライヤーなどの大量配布物で単色印刷を行う際に利用する想定で、単にグレースケースにするだけでなく、各部の濃度を調整しています。
英字ロゴです。東南アジアでのサービス展開にあたって、現地スタッフ、関係者、取引先各位への名刺提供、資料作成などの為に準備しています。
お話をお伺いいたしましたが、KENBURN 様はとてもユニークで、温かで、そして驚きがいっぱいのツアーを沢山企画されてらっしゃるようですが、その秘密は、代表者様がまず現地を愛しているということのようです。現地で感じた驚きや喜びを、より多くの方々と共有したいという気持ちで起業されるそうです。ツアー内容には絶対の自信あり、とのこと。弊社も社員旅行を行う時には、是非ご相談させて頂きたいですね。
今後 KENBURN 様の Web サイト制作、Facebook ページなどの公開などもお手伝いさせて頂ける予定ですので、弊社からも随時ご紹介させていただきたいと思います。
最近、いわゆる普通の Web サイトを作る時にもレスポンシブルであることを考えてしまいます。…うん、いや、もう少し正確に表現すると「スマートフォンやタブレット、またPC環境などの多様なデバイスにおけるUIの利便性」について考えてしまいます。
個人的には、レスポンシブルなWebデザインは万能では無いと思っていますし、特に低コストなサイトでの「ワリとしっかりとした RWD」はむしろ不要と考えています。「PCスタイルのサイトで十分だよね」という感じ。
ただ、これだけスマートフォンが急速に普及した現在、それでも検討が必要なのは、「スマートフォン環境でもストレス無く操作できる UI」だとも思っています。分かりやすい例を言うと、縦に並んだテキストリンクが line-height: 1.4em とかだと、スマートフォンなどのタッチデバイスで正しくリンクをクリックするのはちょっとしたコツが居るわけですね。
これは「画面の広さ」ではなく、「ポインティングデバイスの精度」が問題なわけです。
今のいわゆるレスポンシブルな Web デザインは、主に画面の広さを基準としたものになっていると思っていますが、Windows 8 などが普及して、PC画面でもタッチインターフェースが一般化した時にはどうなんだろうな、と思います。
それで、ポインティングデバイスの精度で css を切り替えたりできないかな？と考えて少し検索してみたら、Javascrip ではありますが、次のコード片を見つけました。
|
1 2 3 |
isTouch : (function(){ return (document.ontouchstart !== undefined); })() |
でも、これは厳密にはポインティングデバイスの精度（例えばペンタブレットだと？）でも無いですし、そもそもタッチデバイスかどうかの判定には使えなさそうにも思います。なかなか難しそうです。
どなたか、良い方法やアイデアをご存知でしたら教えてください！
ここまで書いて来てアレなのですが、仮にタッチデバイスで操作されているかどうかを判定できたとしても、今度はそれをデザインにどのように動的にフィードバックするのか？というのは、その次にある大きな課題です。上に挙げた例への回答として、単純に line-height:2.5em; としたとして、それがデザイン的に適当なのかというと、それはまた別問題です。
ただ、こういった手法が在ればそれを使えることは Web 制作上の一つの道具になりえますし、レスポンシブルでない Web サイトを多様なデバイスからのアクセスに対して適応させる一つのアプローチになるのではないかな、と思ったりしています。
