Skip to main content

音楽をつなぐこと、デザインをつなぐこと。

「エディトリアルデザインとDJミックスは似ている」
デザインをしながらミックスCDを聞いていて、ふと思いついたので思考整理のメモをしながら、そのイメージをビジュアル化。


1.BPMとグリッド
DJミックスでBPMの異なる曲を調整して全体のリズムをつないでいくように、エディトリアルデザインでは様々な文字や画像をグリッドにピッタリと合わせて全体のリズムをつないでいく。
異なる要素が一定のリズムにピッタリと整列した瞬間、どちらも心地よい感覚が生まれていく。


2.曲順とページネーション
DJミックスでは、落ち着いた曲から一気に盛り上がる曲に変えたりして、聞き手を飽きさせないように流れをつくっていくことが大切。
エディトリアルデザインも、始めにを大きな演出をしてその後じっくりと読ませる流れを設計したりすることで、ページをめくること自体の体験をデザインする。
緩急をつけてつなぎ合わせていくことで、全体を通して新たな1つのストーリーが生まれてくる。


3.選曲と素材
DJミックスでは、どんなに退屈だと思っていた曲でも前後の曲の関係性で引き立て役になったり、時には主役になったりする。
エディトリアルデザインも、不要に思える素材でも、他の素材と対比させてバランスをとったりすることで、魅せるべき素材の意味が引き立ってくる。
どちらにおいても無用に思えるものが、実は引き立たせるための有用な価値をもっているということ。


4.エフェクトと装飾
DJミックスでは、単に曲をつないでゆくだけだと退屈なものになるときがある。そこで、スクラッチやエフェクトをかぶせることでそこにしかない臨場感が生まれてくる。
エディトリアルデザインも、単に文字と画像を綺麗に並べただけでは面白みが無いときがある。あえて極端な形にしたり装飾を加えることで、そのページにしかない空間を生み出していく。
どちらもやり過ぎると複雑ものになっていくため、絶妙なバランスが重要だということ。


5.表紙とジャケット
最後に大事なこと。いくら中身が良くとも、外見が魅力的でないと気づいてもらえないかもしれない。気づいてもらえないということは存在しないということ。
どちらも内容や雰囲気のエッセンスを一つの限られた空間に凝縮して、見る人を引き寄せて心の隙間に入り込んでいく。


音楽をつなぐこと、デザインをつなぐこと。
全く違うようで、本質的な部分は一緒なのかもしれない。


Popular posts from this blog

細かすぎて伝わりづらい!
iOS 5のデザイン変更点まとめ。

iOS 5のリリースやiCloudの開始、iPhone 4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。 3GSを使っていて常々もっさりしていたので、早速iPhone 4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。 2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが…慣れとは恐ろしいものです。 さて本題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので 前回のLion と同じようにまとめてみました。  細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。  1.アイコンバッジ  iOS 4のアイコンバッジのシャドウは濃いめのブラックで強めのシャドウになっていましたが、iOS 5ではグレーっぽく明るくなっています。 全体的に比較してみると、iOS 4のシャドウは浮いている感じがするので、明るくなったことで画面全体のトーンにまとまりが出たように感じます。 2.ボックスデザイン 設定画面などのボックスデザインが、iOS 4ではフラットなラインに対して、iOS 5ではシャドウとハイライトが追加されて立体的なデザインになっています。  iOS全体で同様の立体的なデザインが適用されているので、デザインの一貫性がより高まった感じがしますね。  3.メッセージのハイライト これは賛否両論ありそうですが、iOS 4ではメッセージの文字がプレーンなテキストだったのに対して、iOS 5ではハイライトが追加されてこれまた立体的なデザインになっています。 他にも吹き出しの背景色やシャドウが明るくなったことで、背景と文字のコントラストが高くなり、個人的には文字の可読性が高まって良くなったと思います。  5.回転ロックボタンの厚み iOS 4では回転ロックボタンのシャドウ距離が3pxだったのに対して、iOS 5ではシャドウ距離が4pxとなって、より立体的に見えるようになっています。 反対にミュージックアイコンのシャドウ距離は3pxで変わらずのままですので、1pxの違いをデザインすることで、回転ロックという 機能アイコン と、ミュージックを起動...

The law of beauty hidden behind the iCloud icon.

On the other day, iCloud has been introduced to the world and it became a big topic of conversation. The design of icon is refined as ever. Let's think about why it looks so beautiful. Changing the point of view a little, I'll try to find out the reason of its beauty by focusing on icon design itself. At first, let's take a look at its appearance. Its shape is balanced while the outline is irregular. It may looks easy to settle the whole shape as cloud-shaped with simplicity and balance, however, it's not that easy. It's actually a refined design. We can't approach the reason of beauty only by just looking at. So, let's peer into its design. As some of you may already notice, there are four circles hidden in the whole shape. At first glance, the curve looks irregular. Although, if you look at it further, it turns out that it has a balanced shape composed of precise circled. In short, it tells that the beauty of icon comes out of the geometry. Howeve...

細かすぎて伝わりづらい! iOS 6のデザイン変更点まとめ。

iPhone5やiOS 6のリリースなど、アップルユーザーにとって目が離せない日が続いていますね。 iOS 6に関しては地図アプリが散々なもので正直ガッカリですが、UIは全体的に使いやすくなって、じっくり観察してみると細かすぎる変更点も健在でした。 大きな変更点に隠れた細かすぎる変更点たち、その涙ぐましささえ感じる進化をどうぞ! ■設定アイコン iOS 5では歯車の形が尖っていましたが、iOS 6では角が丸くなってソフトなイメージになっています。 OSXの設定アイコンと同じになったので Back to the mac の方針がアイコンでも徹底されているようですね。 ■時計アイコン 設定アイコンと同じ様に、iOS 5では時計針のシャープな印象でしたが、6では太さが一定になり、角張った印象になっています。 Apple製品がブラウン製品とよく似ている という事から考えると、 ブラウン社のアラームクロック に、よりデザインが似てきていますね。 ■ヘッダー iOS 5では光沢感のある質感になっていましたが、iOS 6ではそれがなくなってマットな質感になり、さらにシャドウが追加されています。 iPhone 5の背面もマット加工がされていることから、ハードとソフト両方の質感を統一してきているということが分かります。 ■アクションシートのボタン ヘッダーと同じ様に、光沢のあったものが、iOS6では光沢感がなくなりマットな質感になっています。 個人的には光沢のある感じも好きでしたが、新しいボタンもグラデーションの感じが綺麗で良い感じですね。 ■カメラアイコン やや角張った印象のアイコンでしたが、iOS 6 ではより丸っこくなってかわいらしい感じのアイコンになっいます。より親しみやすさを重視して来ているということでしょうか。 ■キーボードの角 iOS 5ではキーボード下部に角丸の処理が加えられていましたが、iOS6ではそれが無くなって直角になっています。 ジョブズ氏の伝記で、アップル製品で角丸が多いのはジョブズ氏が角丸にこだわっていたから、というエピソードがありましたが、もうその必要性が無くなった、ということでしょうか。 ■メッセージアプリ iOS 4からiOS 5に変わった際に追加...