たった14年で消えた伝説の芸術学校「バウハウス」の3万2000点もの作品を無料でハーバード大学美術館が公開
造形学校としてわずか14年間しか存在しなかったにも関わらず、優れた機能性とデザインの建築物や家具などを生み出し、近代デザイン・建築界に大きな影響を与えたのがドイツの「バウハウス」です。ナチスによって閉鎖されてからは、初代校長で建築家のヴァルター・グロピウスがアメリカ・ハーバード大学の教授に就任するなど、教師陣や生徒の多くがアメリカに移住しました。そしてハーバード大学美術館が、2016年8月17日、このバウハウスに属する建築・家具・写真・絵画といった貴重な資料を無料で公開しています。 Harvard Museums Releases Online Catalogue of 32,000 Bauhaus Works | ArchDaily http://www.archdaily.com/793507/harvard-museums-releases-online-catalogue-of-3
再利用可能なコンポーネントはアンチパターン - ジンジャー研究室
言いたいこと Webフロントエンド界隈で「コンポーネント」という言葉が蔓延していて、「再利用可能になるように設計すべきだ」という論調があるが、実際には本当に再利用可能である必要性があるまで、極力考えないほうが良い。YAGNIとも言う。 以下、現時点での考え。 ビューの階層化自体はOK ここはReactの恩恵と言っても良い気がしていて、それまであんまり明言されて来なかった「ビューの階層化」について公式で説明している点がとても良くて、開発者全員がビューはツリーになってるよねというマインドで統一できた功績は大きいと思う。 再利用可能なコンポーネント ビューはツリーでいいんだけど、それをコンポーネントと呼んでいるのでなんとなくDatePickerとかTextEditorみたいな汎用的なものを想像して、「アプリケーションの事情を知っていてはいけない」という気持ちになって疎結合に作りたくなってしまう。
気になるWebデザインのアイデア・テクニックが使われてる！2016年になってでてきた5つのトレンド
Webデザインのトレンドは実際に使うかどうかは別にしても、それらを見るのは非常に楽しく、インスピレーションが刺激されます。 2016年上半期、最近見かけるようになったWebデザインの5つのトレンドを紹介します。 5 Actual Web Designs Trends for 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 1. ブラウザいっぱいに表示して、スクロール無し 2. 固定表示は見出しをサイドに 3. ロゴをローダーとして使う 4. 今までは違った背景の使い方 5. 圧倒させるアニメーション ボーナス 1. ブラウザいっぱいに表示して、スクロール無し スクロールを必要としないサイトが、ついに勢いを増してきました。 縦長ページで次々にコンテンツを無限スクロールで表示させたり、リンクが配置されたヘッダを上部に固定表示させ
Webデザインのアイデアに困ったら覗きたいサイト10選
この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1. MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイト自体シンプルで使いやすく、またカテゴリー分けが詳細でとても探しやすいサイトです。 2. 現代デザイン 技術的、デザイン性がすぐれたサイトを収集したギャラリーサイトです。カテゴリーは業種と色、日時のみですが、業種を細かく分類しています。また、気に入ったサイトをブックマークに入れることができます。 3. I/O 3000 国内外問わない、秀逸なデザインのサイトを収集しているギャラリーサイト
フリーランスデザイナーの「つくること、はたらくこと」 - Speaker Deck
Transcript ϑϦʔϥϯεσβΠφʔͷ � ʮͭ͘ Δ͜ͱɺ ͨΒ ͘ ͜ͱʯ ࣗݾհ ͢Έ͔ͩ͋ ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔϥ ϯεʹɻ ओʹ-1αΠ τͷσβΠϯɺ ΠϥετΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ ࠓͷ͓͠ͳ͕͖ σβΠϯΛ࡞Δ ʮཧʯ ͱ ʮϏδϡΞϧʯ � ཧฤ � ϏδϡΞϧฤ � σβΠϯͷઆ໌ฤ ϑϦʔϥϯεͱͯ͠ಇ͘ Θͨ͠ͷ৺ಘ 01 02 ࠓͷͶΒ͍ ࠓͷςʔϚ ʮσβΠϯࡇʯ ɻ ʮσβΠϯղܾʯ ͜ͷ͜ͱΛͣͬͱ؊ʹ͡ ͖͚ͯͨΕͲɺ ࠷ۙͲ͏ͬ͘͠ Γ͜ͳ͍ɻ ࠓͷͶΒ͍ ݟ͚͕ͨͩσβΠϯ͡Όͳ͍ɺ ͰσβΠϯͷத Ͱɺ ͖Ε͍ͳ৭ɺ ͖ͯ͢ͳϑ
UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog
最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なのは実装面での考慮事項が網羅されて考え込まれた「 決定力のあるデザイン 」を作る力だと思う。 サッカーで言うと、決定力は「 得点を決める能力 」として使われているけど、UIデザインにおいては「 実装面まで考慮された実装可能なデザインであるか 」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり
ウェブデザイナーが見直しておきたい、2016年のウェブデザイントレンド10個まとめ
2016年も３分の１が過ぎ、今年を代表するウェブデザイントレンドがはっきりと見えてきました。Studio by UXPin で公開されている無料Eブック「The Complete 2016 Web Design Trends Bundle」では、2016年のトレンドを10個のポイントに分けて、具体的なウェブサイトと一緒にまとめています。 今回は、デザイントレンド10個のポイントのみを、簡単にまとめてご紹介します。より詳しい内容に関しては、無料ダウンロードできるEブックで確認できます。TwitterやFacebook、Googleなどの大企業を中心とした、参考サンプル45サイトが掲載されています。 詳細は以下から。 01. マイクロインタラクション Microinteraction マイクロインタラクションは、モバイルアプリのデザインにおいて、大きなアニメーションに比べ、ユーザーがあまり考え
ノンデザイナーも必見！デザインの基礎が学べるスライドまとめ
どんな商品やサービスにおいても、デザインは必ず関わってくる分野です。優れた商品やサービスをつくるためには、チーム全員がデザインに関する基礎知識を身につけておいた方が良いでしょう。 そこで今回は、ノンデザイナーでもデザインを簡単に・楽しく学べるスライドをご紹介します。もちろんデザイナーの方々にとっても役立つものばかりなので、ぜひ参考にしてください！ ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう そもそもデザインって何？という根本的なところから、良いデザインの選び方を具体例を交えて紹介しています。タイトルの通りノンデザイナー向けなので、これからデザインを勉強する人、デザイナーと関わる仕事をしている人は必読です。Q＆A方式でスライドが進んでいくのでさらっと読めます。
#1. それはかつて、デザインと呼ばれていた仕事｜見えなくなったデザインの話｜有馬 トモユキ｜webちくま
ウェブやスマートデバイスの普及にともなう「科学と芸術の融合」がもたらす環境の変化は、デザインをどう変えたのか。最先端の話題を紐解きながら、ゼロからデザインを定義する革新的なコラム連載第１回！ 世界が変わったのだから、デザインも変わらなければならない 環境の変化に応じて生物は振る舞いを変える。人間も寒ければ服を着こむし、音楽配信サービスが便利だと感じればCDは買わなくなる。最近だと写真はスマートフォンのカメラで事足りる、という人も多いのではないだろうか。 「世界が変わったのだから、デザインも変わらなくてはならない」。これはインターフェイス研究者・渡邊恵太氏の著書『融けるデザイン』の帯に書かれていた一文だ。世界が変わる瞬間というのは、ほとんど目撃することができない。 それは気づけばゆるやかに、しかしダイナミックに進行し、自分たちも変わらざるを得なくなっている。つねに相手が存在する、対話的な活動
The New Web Typography
We can trace a nervous path through the links and hearts that occupy our timelines. In search of answers, we’ve peeked under the covers of Material Design and examined hundreds of pattern libraries, since one of them might be secretly withholding the principles of good design within. But why are we obsessed with typographic rules? And if we were to make guidelines for setting text on the web, what
パッケージデザインが素敵な、日本の食品・飲料を集めました ＜29選＞ | THE BAKE MAGAZINE
こんにちは！ THE BAKE MAGAZINE編集長の塩谷です。 今日は、「パッケージデザインが素敵な日本の食べ物（と飲み物）」を紹介させていただきます！ ※一部、制作プロダクションの会社名を掲載させていただいておりますが、「一緒に制作しました」「その商品はこの会社さんの制作物です」などのご連絡があればぜひ [email protected] までお知らせください。 それでは、どうぞ！ 1.�琉Q – ルキュー http://www.ki-gi.com/より 沖縄の恵みを日々の生活に取り入れることができるフードブランド、琉Q。 塩パインバターや島胡椒ピィパーズ、コーレーグースなどなど、沖縄らしい食材がKIGIデザインの素敵なパッケージに包まれています。沖縄、行きたいですね〜！ ・琉Q オンラインショップ 2.低アルコール酒 NAMIとUMI http://www.ki-gi.com/より
「デザイナーがプロダクトマネージャーになるのは必然」トレタCCO 上ノ郷谷太一 | キャリアハック（CAREER HACK）
トレタのCCO、上ノ郷谷さんへのインタビュー。DTPデザイナーからWEB業界に飛び込んだ彼のキャリア、その選択のきっかけ、to Cからto Bへ。そしてデザイナーがプロダクトマネージャーになるというキャリアステップの可能性などについて伺いました。 【プロフィール】 トレタ CCO（最高クリエイティブ責任者）、デザイン部部長 上ノ郷谷太一 Taichi Kaminogoya 1979年大阪生まれ。DTPデザイナーを経て、2005年より Six ApartでMovableTypeのローカライズ、UIデザインに関連する機能などの仕様作成に関わる。その後、Peatixを経て、2013年よりクックパッドで国際展開に関するサービス、アプリケーションのデザインのほか、コーポレートロゴのデザインなどブランディングを担当。2015年3月、トレタにCCOとして入社。 ※こちら2016年1月に取材した記事となり
デザインのディテールへのこだわりが必要な理由 | FICCナレッジブログ | FICC
もしあなたがデザイナーで、何らかのプロジェクトのデザインを任された時、何を基準にしてデザインを詰めればいいか不安になったことはないでしょうか。または、あなたがディレクターやプロデューサー側の立場で、デザイナーからあがってくるデザインの善し悪しを判断しなければならなくなった時、何を基準にして判断すればいいのか、基準が曖昧だったりした経験はないでしょうか。 デザインの善し悪しを判断する上で、判断材料となる項目は非常に多く複雑ではありますが、根本的に欠かせないものの一つが「デザインのディテール」です。どんなに素晴らしいストラテジーや目標を立てられたとしても、それが最終的に伝わるべき「イメージ」を持ち、正しい品質として「カタチ」となって表れてこなければ、誰にも伝わることはありません。 デザインのディテールとは何なのか、なぜディテールにこだわらなければならないのか。このブログ記事を通じて、デザイナー
デザインの秘訣はまずは気づくこと - MOL
Tony Fadell: The first secret of design is … noticing | TED Talk | TED.com ときどき、使えないUIデザインのWebサービスに触れていると、中のデザイナーはなにをやってるんだ！と思うことがある。しかし、実際の中の人になるといろんなしがらみや諸事情により仕方がないと諦めてることが多々ある。 10年以上続いてるWebサービスでデザイナーをしていた自分にとっても他人事ではなかった。問題意識があってできていないのならまだ良いほうで、それが当たり前だとなんの疑問も思っていなかったら最悪だ。新米デザイナーのときに必要以上に熱くデザインの理想を追っていた時代から、いつのまにか事なかれ主義になって、そのどうしようもないデザインが当たり前だと思い込んではなかっただろうか。 これはなにもデザインだけの話ではない。例えば僕はしがないHTML
デザインパターンを読み解く
ポリモーフィズム（サブクラスによる切り替え、抽象化） ここに分類されるのは、オブジェクト指向の第３原則、ポリモーフィズムを使用したパターンです。ポリモーフィズムを使用すると、動的に使用するクラスを切り替えることができます。＜参照＞ 他に分類されているものでも、ポリモーフィズムが重要な位置を占めているものもありますが、ここではそれしか使われていないものを扱います。 ただデザインパターン全体を通して強調されているのは、インターフェースでプログラミングするということです。実装への依存をなくし、そうすることによって設計の骨組みを明らかにするのです。 Template 次のようなメソッドがあった場合に、処理Bのところを条件によって変えたい場合があるとします。 class Hogehoge { void doit() { ... 処理A ... ... 処理B ... ... 処理C ... } }
『デザイン思考』とは何か。 - 文鳥社とカラスの社長のノート
2015年は「デザイン思考(Design Thinking)」という言葉が日本で割と一般的になった年だったような気がします（この一年で「デザイン思考」にまつわる本が100冊近くもでたとか)。しかしながら、その本質を理解している人はとても少ないようです。当たり前なのですが「デザイン思考とは何か」を理解するためには、「デザインとは何か」を理解する必要があります。日本はデザインに対する教育が、義務教育はもちろん大学ですらほとんどないので、デザインのことを理解するビジネスマンがとても少ないのが現状です。 デザイン思考語るのは、一筋縄でいきません。なんとか一言で言い切ってしまうとこうなります。 ①本質的な問題の発見/設定し、②「感性」に則った「創造的」問題解決を目指す思考。 ①を「水平思考」と呼んだりもするようです。何か課題に直面した時に、「どこに問題があるのか」を正確に把握する必要があります。常識
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアリング思考が未来のディテールを変える──中村勇吾
デザインと技術をつなぐ / Connecting Design and Technology
https://www.ituore.com/entry/blog-design-reference
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
