Browsing articles in "Design"
8月
14
2013

Gestalt Principles(ゲシュタルト原則)

感覚派デザイナーも知っておいて損はない「デザインの要素と原則」

上記部分は一部ですが、本当に素晴らしい記事でした。デザイナー必読です。

11月
14
2012

【アイロンアート】シーツの小じわで名画を再現!

ロシアの家電メーカーのCMらしいです。

これがアイロンのCMってのが感動ポイントでした。

11月
14
2012

ディズニーランド エレクトリカルパレードの「アラジン」がすごい

ディズニーランド エレクトリカルパレードの「アラジン」がすごい

久しぶりにディズニーランドへ行って、ビックリした。エレクトリカルパレードが進化していたからだ。ファインディングニモや、モンスターズインクなどの新キャラが追加されていることにまず驚き。その中でも目が釘付けになったのが、「アラジン」である。  アラジンは、僕が知るエレクトリカルパレードとは次元が違った。まず、アラジンのジーニーは、めちゃめちゃでかい。そのどでかいボディで繰り広げられる電 飾がすごい。オレンジと黒のティガーになったり、水色と白でドナルドになったり、電飾で次から次へと変身するのである。

変身だけでも目を丸くしたが、ランプから出る煙を光で表しさらに驚き。遠くから見ていたら、本物の煙にしか見えないのだ。オッサンの僕でも思わず「アラジンすげ~」と声を漏らしてしまった。

エレクトリカルパレードのアラジンが、youtubeにアップされていたのでご覧いただきたい。デカさの迫力と煙演出は生で見ると本当に驚くので、ぜひディズニーランドで見てほしい。すごいぜアラジン。

本当にちょっと凄い!って思っちゃった!
久しぶりに行きたいな!

11月
14
2012

【動画】X線で描かれるヒトと動物のハイブリッド世界「Hominid」

【動画】X線で描かれるヒトと動物のハイブリッド世界「Hominid」

ヒト科(の動物)を示す「Hominid」というタイトルで示される奇妙なイメージのショートフィルムは、人間と様々の生き物とのハイブリッドで構成される世界を描いているようです。
サンフランシスコを拠点とするアーティスト、ブライアン・アンドリュース氏の制作による作品で、「ほとんど全ての神話はヒトと動物のハイブリッドを示しています」と語るアンドリュース氏は、ハイブリッド生物によるプリミティブな世界を描くだけではなく、X線により透過した映像として描くことで、より見る者に不安感を与えるイメージの演出に成功しています。

すげぇ・・・・・。

6月
20
2012

ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン

ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン

実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。

10 Evergreen Website Layouts (that will never go out of style)

 

下記は各ポイントを意訳したものです。

 

2カラム、広いヘッダ

これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。
慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイトでは左に置くのが多いです。

Uncrunched

3カラム、広いヘッダ

BloggerやWordPressによって流行ったレイアウトで、前述の2カラムと異なる点は、狭い二つのカラムで広い一つのカラムを挟むことです。狭いカラムはナビゲーションなどのエレメントを含み、中央の広いカラムはプライマリコンテンツを配置します。
広いヘッダは三つのカラムをまたぐように配置します。

Gary Vaynerchuk

フォーボックス

プロダクトやニュースブログでよく見かけるレイアウトで、広いヘッダと同じ幅のボックスが一つあり、その下に小さいボックスが並んだレイアウトです。小さいボックスは2~5個くらいです。
大きいボックスには打ち出しコンテンツを配置し、小さいボックスにはそれを補足するものや第二の情報を提供します。非常にシンプルですが、ビジュアル的に劇的なレイアウトです。

Flickr

不確定なグリッド

不確定なグリッドレイアウトは従来のグリッドベースのレイアウトと比べて、非常に歪んでいるようにします。各エレメントをサイトの幅に広げた不確定なボックスに配置します。これらのボックスの高さと幅は変化することができ、それはレイアウトにビジュアルのエネルギーを加えます。
このレイアウトは非常に難しく、またユーザビリティの問題がつきまといます。しかし、独創的な印象を与えるのは間違いないです。

Siete De Febrero

大きいスクリーンショット

ウェブアプリケーションやソフトウェアに適したレイアウトで、ヘッダの直下に大きいサイズのスクリーンショットを配置します。画像は高精細のものを使い、プロダクトを魅力的なものにします。
大きいスクリーンショットに続く情報は、グリッドベースのボックスに、数は倍数(2か4)にします。

Paper

シングルカラム

このレイアウトはミニマリズムなデザインではまり、ポートフォリオサイトなどでよく見かけます。たった一つのカラムはだいたい640pxくらいの狭いもので、追加のナビゲーションなどはフッタに追いやられます。ナビゲートすることは難しいですが、ミニマリズムのデザインには最適なレイアウトです。

Visual Craftsman

打ち出し画像

このレイアウトはスマートフォンアプリなどでよく見かけます。大きな打ち出し画像を左に配置し、それに続くコンテンツを一つのカラムに配置します。ヘッダは通常ミニマリズムなものにするか無しで、フッタは最低限のものだけにし、メインとなるダウンロードページへユーザーを誘導します。

Instagram

固定サイドバー

すべてのナビゲーションエレメントを含んだサイドバーを固定表示にするレイアウトで、プライマリコンテンツはスクロールが可能です。固定サイドバーはナビゲーションを容易にしますが、ユーザビリティに影響を与えてしまいます。

Gawker

グリッドベースのギャラリー

フォトグラファーやデザイナーに人気の高いレイアウトで、彼らのポートフォリオに理想的なレイアウトです。横列は2~6カラムにし、縦列でギャラリーに必要な数を増やします。エフェクトはクリエイティブなものが多く、非常にビジュアル的なものが多いのも特徴です。

YourNeighbors.de

マガジンスタイル

このレイアウトは従うべき規則はほとんどありません。デザイナーはかなり大きなカンバスを使ってデザインをします。典型的にはもっとも重要なコンテンツが目立つよう配置し、ほかの情報もそのプライオリティに従って整理します。
レイアウトの複雑さはユーザビリティに影響を与えますが、ニュースサイトやオンライン雑誌では多くの情報を掲載することができます。

New York Times

5月
31
2012

35 Fresh Internet Startups Featuring Brilliant UI Design

35 Fresh Internet Startups Featuring Brilliant UI Design

35 Fresh Internet Startups Featuring Brilliant UI Design


Just back a decade ago everybody was talking about web 2.0 trends. The Internet was bustling with hundreds of new startup ideas following MySpace, Friendster, Facebook, Twitter, and now even things like Foursquare and Pinterest. The advancing world of tech startups has proven there is no shortage of new ideas.

And when it comes to web design the scenario is very similar. I have put together 35 examples of new startups which feature brilliant layout designs. Some are web applications, others are social networks, and even a few sites are built around mobile apps. But all of these startups bring new ideas into an otherwise stagnant digital market.

Saas Pose

 

All My Apps

Medigram

Collba

Path

Popset

SendHub

Localmind

Pinterest

Punchfork

BrandMyMail

Hall.com

Bugrocket

Picfull

Trippy

Farmigo

Fab.

bre.ad

we heart it

Sparked

JobSpice

Onswipe

Papyrs

meetin.gs

Magisto

Vayable

Star.me

Slidebomb

like.fm

Chewsy

Keepio

Miimr

Gridulator

ffflourish

Clueapp

5月
15
2012

写真好きが集まる「500px」

写真好きが集まる「500px」、Flickrより手頃な有料サービス開始

カナダのオンライン写真サービス「500px」がPlusという有料サービスの提供を開始した。写真アップロードやコレクションの作成が無制限で、価格はFlickrのProアカウント(24.95ドル/年)よりも安い19.95ドル/年に設定されている。

500pxは、高品質な写真にこだわり、プロやハイアマチュア、写真を趣味とする人たちにとって使いやすいサービスを目指している。WebサイトやiPadアプリでの写真表示が美しく、写真のクラウドバックアップに便利なFlickrよりも、写真を鑑賞したり、写真を見せるのに適したサービスと言える。

Plusアカウントはアップロードとコレクション作成が無制限で、写真を販売できる個人ストアが付属する。また統計機能の利用が可能。期間を設定してLike/Dislike、お気に入り、コメントの数を確認したり、熱心に写真を見ているフォロワーや友達、人気の高い写真などをひと目で把握できる。

なお無料アカウントはアップロードが10件/週で、個人ストアが付属する。Awesomeという上位の有料アカウントは49.95ドル/年で、Plusのサービスに、カスタムドメインやGoogle Analyticsサポートなどを含むポートフォリオサービスが加わる。

webのサービスかと思ったらアプリもあるんですね!

500px|【iPad】厳選された美しい写真を閲覧する共有サイト「500px」をiPadで楽しむ

 

4月
18
2012

デザインとは?

今日は久々にデザインをしました。

私はデザインが苦手です。
そしてそれを口に出す事もありました。(反省)
でも決してデザインが嫌いなワケではありません。

デザインには答えがありません。
だからそれが正解なのか、間違いなのか悩みます。
(もちろん数字(売上、PV等で)で答えは出ますが・・・!)

デザインは物事を伝え、人を動かすものです。
好きなものだけ作っていたらアーティストです。

やっぱり難しいし、息詰るし、煮詰まるし、逃げたくなります。

でもそれは引き出しが少ないからだと、ある人に教えてもらいました。
引き出しは増えます。(見る、聞く、触るなど)

苦手って言うと勘違いされるかもしれませんが、
きっとこうゆう事なんだと思います。笑
 
 
 
「憂鬱じゃなければデザインじゃない」

 
 
 
 

【送料無料】憂鬱でなければ、仕事じゃない

【送料無料】憂鬱でなければ、仕事じゃない
価格:1,365円(税込、送料別)

4月
16
2012

MacBookの素敵カスタマイズ!!!

50 Creative MacBook Decals and Stickers

The Sifter spent last night looking through hundreds of Macbook decals and stickers. Below you will find a collection of our 50 favourites. There are thousands of options online, with many original designs on Etsy and other online retailers. The images below were culled from various Google image searches. As we began to try and source the original designers of the decals we found many online retailers offering identical versions of the same design. We got hesitant crediting one designer/retailer over another.

If you are the original designer of one of the decals below please email us (submit at twistedsifter dot com) or leave a comment with proof and we’ll gladly give credit and link the image to your online storefront.

For now, please enjoy this creative collection of 50 wonderful MacBook decals/stickers (in no particular order). Let us know your favourite in the comments below!

 

 

1. Superman MacBook Decal/Sticker

 

 

 

2. Big City Nights MacBook Decal/Sticker

 

 

 

3. Banksy MacBook Decal/Sticker

 

 

 

4. Bumblebee MacBook Decal/Sticker

 

 

 

5. Isaac Newton MacBook Decal/Sticker

 

 

 

6. DC Comics MacBook Decal/Sticker

 

 

 

7. Darth Vader MacBook Decal/Sticker

 

 

 

8. Portal MacBook Decal/Sticker

 

 

 

9. Snow White with Tattooed Sleeves (“Goth Princess”)MacBook Decal/Sticker

 

 

 

10. Bird Cages MacBook Decal/Sticker

 

 

 

11. Snoopy MacBook Decal/Sticker

 

 

 

12. Ryu MacBook Decal/Sticker

 

 

 

13. Michael Jordan MacBook Decal/Sticker

 

 

 

14. Apple MacBook Decal/Sticker

 

 

 

15. Nirvana/Bart MacBook Decal/Sticker

 

 

 

16. Iron Man MacBook Decal/Sticker

 

 

 

17. The Joker MacBook Decal/Sticker

 

 

 

18. Mario MacBook Decal/Sticker

 

 

 

19. Mr. Potato Head MacBook Decal/Sticker

 

 

 

20. Ice Age MacBook Decal/Sticker

 

 

 

21. Teenage Mutant Ninja Turtles MacBook Decal/Sticker

 

 

 

22. Hal MacBook Decal/Sticker

 

 

 

23. Butterfly MacBook Decal/Sticker

 

 

 

24. Lego Man MacBook Decal/Sticker

 

 

 

25. Son of Man MacBook Decal/Sticker

 

 

 

26. Pirate Flag MacBook Decal/Sticker

 

 

 

27. Snow White MacBook Decal/Sticker

 

 

 

28. VW Camper Van MacBook Decal/Sticker

 

 

 

29. Scarface MacBook Decal/Sticker

 

 

 

30. Bender MacBook Decal/Sticker

 

 

 

31. Dharma Initiative MacBook Decal/Sticker

 

 

 

32. Squirrel MacBook Decal/Sticker

 

 

 

33. Pikachu MacBook Decal/Sticker

 

 

 

34. Transformer MacBook Decal/Sticker

 

 

 

35. TIE Fighter MacBook Decal/Sticker

 

 

 

36. Fruit Basket Hat MacBook Decal/Sticker

 

 

 

37. Batman MacBook Decal/Sticker

 

 

 

38. Sub Zero MacBook Decal/Sticker

 

 

 

39. Gravity MacBook Decal/Sticker

 

 

 

40. Ryu MacBook Decal/Sticker

 

 

 

41. Retro Apple Logo MacBook Decal/Sticker

 

 

 

42. Headless Horseman MacBook Decal/Sticker

 

 

 

43. Joker MacBook Decal/Sticker

 

 

 

44. Banksy MacBook Decal/Sticker

 

 

 

45. Zombie Snow White (“Zombie Princess”) MacBook Decal/Sticker

 

 

 

46. Anonymous MacBook Decal/Sticker

 

 

 

47. Darth Vader MacBook Decal/Sticker

 

 

 

48. LOVE MacBook Decal/Sticker

 

 

 

49. War Machine MacBook Decal/Sticker

 

 

 

50. Mario MacBook Decal/Sticker

 

 

ページ:123»
年会費無料のクレジットカードなら「楽天カード」