幕末から明治にかけて活躍した月岡芳年（読み:つきおかよしとし)。彼が晩年に描いた連作 『月百姿』。歴史の有名なシーンと月を絡めたりした作品なのですが、その構図センスと自由自在な表現力はまるで古さを感じさせません。 圧倒的な浮遊感！牛若丸＠五条橋 『五条橋の月』（1888年） 月岡芳年 独特のポーズで軽やかに舞う牛若丸こと源義経。その背後で光る月。場所は五条橋。弁慶との出会いの場所です。 孫悟空と月のウサギ 『玉兎　孫悟空』（1886年） 月岡芳年 月の宮殿から逃げ出した妖魔と孫悟空の戦い。怪物化していた妖魔を孫悟空は見事撃退。元の月のウサギに戻され、逃げ帰っているところです。 風に舞う手紙 『月のものくるひ　文ひろけ』（1889年） 月岡芳年 豊臣秀吉の女中・おちよ。ある日受け取った手紙で恋人の死を知ります。おちよは悲しみのあまり気が触れてしまい、その手紙を身体に巻き付けたりしながら、死ぬ

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

今日、 新規サービスの立ち上げを頑張ってる 元Xの後輩Ｏ君にクリエイティブディレクションについて相談されたので 自分が今まで失敗しまくって経験した はまりやすいクリエイティブディレクションの落とし穴 を伝えました。 クリエイティブディレクションにおいて 「良いクリエイティブがあがってこない」 これが起こる原因は、 1.完成のイメージが弱い 2.ロジカルな部分しか伝えていない 3.制作進行の優先順位がバラバラ 大体この3点につきます。 1. 完成のイメージ(図)が曖昧 クリエイティブが上手くいかない場合 原因のほとんどが クリエイティブの制作スタート時に 指示を出す側の完成イメージが曖昧 なところだったりします。 完成のイメージは ■どんなトンマナにするか？ ■どんな人に使ってもらうか？ ■どんな使い方をしてもらうか？ を考えて固めていきます。 ここがしっかり固まっていないと 制作の途中段階

こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea

上場初日の終値は売り出し価格の38ドルをかろうじて上回ったものの、週明けに下落。一時は31ドルまで下がった。上場直前に、上場幹事のモルガン・スタンレー、ゴールドマン・サックスなどがフェイスブックの第2四半期の営業成績が予想を下回るという情報を得て、一部の投資家に対してだけその情報を流したという報道があった。これが事実なら大きな問題で、訴訟の動きが出ている。 普通の企業なら、経営者は大きなストレスやプレッシャーを感じるだろう。株価が下がり続けるようなら、株主から退任を迫られる事態もあり得るからだ。しかしウォールストリートの波乱とは別に、フェイスブックとその創業者兼CEO（最高経営責任者）のマーク・ザッカーバーグは、そのようなプレッシャーをまったく感じていないだろう。これから述べるようにザッカーバーグは、用意周到さと強烈な個性を兼ね備えた人物なのだ。 フェイスブックは今もザッカーバーグの支配下

（前回から読む） この連載は、初回（新業態を創造した花屋を成長させる「5つの資産」）で詳述した、青山フラワーマーケットを主力事業とするパーク・コーポレーションという会社の骨格を成す「5つの資産」をはじめとして、1人ひとりの従業員の自立的な行動を引き出す経営の仕組みについて紹介している。 「5つの資産」には、財務諸表に記載される資産として、（1）Finance（ファイナンス＝業績）と（2）Shop（ショップ＝店舗）があり、財務諸表に記載されない資産として、（3）Spirits（スピリッツ＝さまざまな想い）、（4）Partner（パートナー＝仲間）、（5）Customer（カスタマー＝顧客）がある。 この「5つの資産」が　「スピリッツ→パートナー→ショップ→カスタマー→ファイナンス」とサイクルを繰り返しながら、会社やそこで働いている従業員が成長して大きくなっていくというイメージを表現したのが、

第1回スマホデザイン会議 #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGoRead less

上記のHTMLは、ブロックレベル要素の中に、画像を1つ入れているだけです。このような記述は頻繁に使われるでしょう。 このとき、文字サイズ(font-size)がとても小さかったり、行の高さ(line-height)が低かったり、表示に使われているフォントの種類によっては、あまり隙間が気にならない場合もあります。しかし、右図のように画像の下に隙間が見える場合もあります。 画像の下に空く謎の隙間がハッキリ見える記述・装飾例 以下のようにHTMLとCSSを記述すると、謎の隙間がハッキリ見えるでしょう。 <p> <img src="sea.jpg" alt="海"> quick doggy jump </p> 上記のHTMLでは、画像の隣に小文字のアルファベットを掲載しています。さらにCSSで、 p { font-size: 200%; line-height: 1.4; font-family:

このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M

#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. 下に薄いラインを追加してみる このリストに1本ラインを加えるだけで全然印象が変わってきます。試しに下に白いラインを追加してみます。 #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord

デザインやコンテンツ制作の打ち合わせをしていると必ず出てくる「目立たせる」という行為。 人によって「赤くして」とか「大きくして」と言った抽象的な言葉で表現されますが、僕ら制作者はその言葉をそのままの意味で捉えるわけには行けません。 何故なら、依頼者が何か目的があってそこを赤くする必要がある、大きくする必要があるならばそれを取り入れば良いです。ですが、その目的がその要素を目立たせたいという場合では話が変わってきます。 そうなると、本来の目的は「目立たせること」であって、決して赤くすることや大きくすることが目的では無いため、実際に赤くしたり、要素を大きくしても目立たなければ目的が達成されず満足されることは無いでしょう。 赤くして欲しい、大きくして欲しいと言うのは、依頼した人の中にある目立たせる事に直結したイメージである場合が多いので、実際に何を望んでいるのかを読み取ることが大事です。 1.要所

「素人っぽいデザイン」から抜け出すために、デザイ... / デザインを勉強したことがない人でもデザインできる... / 非デザイナーのためのデザイン基本テクニック　その...他...全10件