タグ "Design" を含む投稿を表示中:49件
-
デザイン講座【実践編】@デジタルハリウッドSTUDIOつくば これが こうなる 今日は、本日まさにこの時間(2021年12月11日、12:00時〜)このタイミングで、デジタルハリウッドSTUDIOつくばで実施しているライブ授業『デザイン講座【実践編】』のブログ版をお届けします。 このブログの記事は20… デザイン講座【実践編】@デジタルハリウッドSTUDIOつくば続きを読む →
-
【2021年最新版】国内のWebデザインのギャラリーサイト × 11選 株式会社オンズのデザイナーも頻繁にチェックしている国内のWebデザインのギャラリーサイトを11個ご紹介します。 目次Responsive Web Design JPI/O 3000MUUUUU.ORGURAGAWAWeb Design Cl… 【2021年最新版】国内のWebデザインのギャラリーサイト × 11選続きを読む →
-
株式会社オンズのオフィスのアイソメトリック・イラスト 最近、弊社ではアイソメトリック・イラストの制作に力を入れています。 アイソメトリックとは、簡単に言えば対象物をななめ上から見下ろした画像です。 正確には「アイソメトリック・プロジェクトション(Isometric Projection)」を略… 株式会社オンズのオフィスのアイソメトリック・イラスト続きを読む →
-
Our Amazing Solar System SUN MERCURY VENUS EARTH MARS JUPITER SATURN URANUS NEPTUNE PLUTO Via : SPINNING BLUE BALL Our Amazing Solar System続きを読む →
-
【ADS】挑戦と勝利。最強と戦場。 Twitter界隈で話題になっていた面白い広告を見つけたので紹介します。 本日、1月24日〜1月29日に開催される『GI全日本王者決定戦』のポスター広告。 こちらは「挑戦」という文字が中央に大きく描かれていますが、上下を逆にして見てみると…… 【ADS】挑戦と勝利。最強と戦場。続きを読む →
-
映画『マトリックス』の背景エフェクトを canvas で実装してみた。 映画『マトリックス』のオープニングで使われている、コンピューターの画面上を緑の文字が流れる映像。通称「マトリックス・コード」を、ウェブページの背景エフェクトとして canvas で実装したサンプルを紹介します。 もとはネットサーフィン中に見… 映画『マトリックス』の背景エフェクトを canvas で実装してみた。続きを読む →
-
Joe Harrison氏が提案する[Responsive Logos]が面白い! デザイナーの Joe Harrison 氏が提案している[Responsive Logos](レスポンシブ・ロゴ)のアイディアが面白いので紹介します。 Responsive Logos 現在サイトで紹介されているのは以下の16企業。 目次C… Joe Harrison氏が提案する[Responsive Logos]が面白い!続きを読む →
-
【Web Design】デザインが素晴らしい和風の縦書きウェブサイト × 11選 ウェブは基本的に横書きが主流で、縦書きのウェブサイトは珍しく、かなり少数派です。 しかし固定概念を崩して縦書きデザインを取り入れてみると、目新しさやアクセントが生まれ、自由なレイアウトと華やかな印象のデザインが可能になります。 今日は縦書き… 【Web Design】デザインが素晴らしい和風の縦書きウェブサイト × 11選続きを読む →
-
【Web Design】華やかな印象の結婚式・ブライダル・ウェディング系のウェブサイト × 11選 ウェディング系の優れたウェブデザインを調査する機会があったのでメモします。 華やかな印象のウェブサイトを11個、集めました。 目次first filmラソール ガーデン・大阪東京ステーションホテル ウエディングHiromi Sekiguch… 【Web Design】華やかな印象の結婚式・ブライダル・ウェディング系のウェブサイト × 11選続きを読む →
-
【2016春夏キャンペーン】超一流ブランド[Louis Vuitton]と[Final Fantasy XIII]がコラボ! あの超有名ブランド[Louis Vuitton]が、2016年春夏キャンペーン「SERIES 4」のモデルとして人気ゲーム「ファイナルファンタジーXIII」の主人公「ライトニング」を起用しています。 FacebookやTwitterなど、S… 【2016春夏キャンペーン】超一流ブランド[Louis Vuitton]と[Final Fantasy XIII]がコラボ!続きを読む →
-
【JavaScript】ページのスクロールに合わせて要素を動かす[ScrollReveal]の使い方 ページをスクロールさせて、非表示だった特定の要素がウィンドウ内に入ってきたときに、指定したアニメーションエフェクト付きで表示させるスクリプト[ScrollReveal]を紹介します。 以下の公式配布サイトのデモを見れば何が起きているのか一目… 【JavaScript】ページのスクロールに合わせて要素を動かす[ScrollReveal]の使い方続きを読む →
-
2015年総集編!オンズも掲載されている国内のウェブデザインのギャラリーサイト × 11選。 ウェブデザインの制作で頭を悩ませているとき、優れたサイトを眺めているだけでインスピレーションの源になります。 レイアウトやカラーパレット、導線や特殊な動きなどなど、学ぶことが多く自分の引き出しも増えていきますからね。 ウェブデザイナーの方な… 2015年総集編!オンズも掲載されている国内のウェブデザインのギャラリーサイト × 11選。続きを読む →
-
【jQuery】ページのスクロール量に連動してプログレスバーを実装する[Scrollgress]の使い方 ウェブページをスクロールさせると、その動きにシンクロしてプログレスバーが表示される[Scrollgress]の使い方を紹介します。 実際に導入してみましたので、まずはサンプルをご覧ください。 [Scrollgress]:実装サンプル ウィン… 【jQuery】ページのスクロール量に連動してプログレスバーを実装する[Scrollgress]の使い方続きを読む →
-
【Web Design】カッコいい!「黒」×「ピンク」のウェブデザイン × 11選。 「黒」×「ピンク」ってオシャレな色の定番の組み合わせのはずなのに、過激な印象が先行してしまうためか、ウェブデザインに限定して探してみると意外に人気がなく、採用しているサイトが少ないんです。 特に性的なイメージを喚起させる側面があるためか、企… 【Web Design】カッコいい!「黒」×「ピンク」のウェブデザイン × 11選。続きを読む →
-
【CSS3】jQuery無しで動く[Pure CSS Modal Popup]の実装方法 通常「モーダル・ポップアップ」はjQueryを利用して実装するケースが多いかと思いますが、今回紹介する[Pure CSS Modal Popup]は、その名のとおりスタイルシートの設定だけで実装できる便利なテクニックです。 まずは下記URL… 【CSS3】jQuery無しで動く[Pure CSS Modal Popup]の実装方法続きを読む →
-
【Design】ハロウィンのポスター用テンプレート[10 Awesome Halloween Posters]テキストを編集するだけで印刷OK! ハロウィンのポスター用の無料テンプレート素材[10 Awesome Halloween Posters]を紹介します。 クオリティの高いA5サイズの「.ai」および「.eps」ファイルが梱包されており、テキスト部分を編集するだけで印刷に適し… 【Design】ハロウィンのポスター用テンプレート[10 Awesome Halloween Posters]テキストを編集するだけで印刷OK!続きを読む →