Design | ONZE BLOG

Entry Description: 2021年12月11日 2024年10月26日; Design, Illustlator, PhotoShop, wisdom; 5791文字：約10分; 株式会社オンズ

これがこうなる今日は、本日まさにこの時間（2021年12月11日、12:00時〜）このタイミングで、デジタルハリウッドSTUDIOつくばで実施しているライブ授業『デザイン講座【実践編】』のブログ版をお届けします。このブログの記事は20... デザイン講座【実践編】@デジタルハリウッドSTUDIOつくば続きを読む →

【2021年最新版】国内のWebデザインのギャラリーサイト × 11選

Entry Description: 2021年9月30日 2024年10月17日; Design; 1300文字：約3分; 株式会社オンズ

株式会社オンズのデザイナーも頻繁にチェックしている国内のWebデザインのギャラリーサイトを11個ご紹介します。目次Responsive Web Design JPI/O 3000MUUUUU.ORGURAGAWAWeb Design Cl... 【2021年最新版】国内のWebデザインのギャラリーサイト × 11選続きを読む →

株式会社オンズのオフィスのアイソメトリック・イラスト

Entry Description: 2021年9月27日 2024年10月17日; Design, NEWS; 1794文字：約3分; 株式会社オンズ

最近、弊社ではアイソメトリック・イラストの制作に力を入れています。アイソメトリックとは、簡単に言えば対象物をななめ上から見下ろした画像です。正確には「アイソメトリック・プロジェクトション（Isometric Projection）」を略... 株式会社オンズのオフィスのアイソメトリック・イラスト続きを読む →

Our Amazing Solar System

Entry Description: 2019年1月2日 2024年10月22日; Design; 155文字：約1分; 株式会社オンズ

SUN MERCURY VENUS EARTH MARS JUPITER SATURN URANUS NEPTUNE PLUTO Via : SPINNING BLUE BALL Our Amazing Solar System続きを読む →

【ADS】挑戦と勝利。最強と戦場。

Entry Description: 2018年1月24日 2024年9月26日; ADS, Design; 562文字：約1分; 株式会社オンズ

Twitter界隈で話題になっていた面白い広告を見つけたので紹介します。本日、1月24日〜1月29日に開催される『GI全日本王者決定戦』のポスター広告。こちらは「挑戦」という文字が中央に大きく描かれていますが、上下を逆にして見てみると…... 【ADS】挑戦と勝利。最強と戦場。続きを読む →

映画『マトリックス』の背景エフェクトを canvas で実装してみた。

Entry Description: 2018年1月22日 2024年9月30日; Design, JavaScript, jQuery; 1319文字：約3分; 株式会社オンズ

映画『マトリックス』のオープニングで使われている、コンピューターの画面上を緑の文字が流れる映像。通称「マトリックス・コード」を、ウェブページの背景エフェクトとして canvas で実装したサンプルを紹介します。もとはネットサーフィン中に見... 映画『マトリックス』の背景エフェクトを canvas で実装してみた。続きを読む →

Joe Harrison氏が提案する［Responsive Logos］が面白い！

Entry Description: 2018年1月3日 2024年10月21日; Design; 577文字：約1分; 株式会社オンズ

デザイナーの Joe Harrison 氏が提案している［Responsive Logos］（レスポンシブ・ロゴ）のアイディアが面白いので紹介します。 Responsive Logos 現在サイトで紹介されているのは以下の16企業。目次C... Joe Harrison氏が提案する［Responsive Logos］が面白い！続きを読む →

【Web Design】デザインが素晴らしい和風の縦書きウェブサイト × 11選

Entry Description: 2017年8月26日 2024年10月17日; Design; 2108文字：約4分; 株式会社オンズ

ウェブは基本的に横書きが主流で、縦書きのウェブサイトは珍しく、かなり少数派です。しかし固定概念を崩して縦書きデザインを取り入れてみると、目新しさやアクセントが生まれ、自由なレイアウトと華やかな印象のデザインが可能になります。今日は縦書き... 【Web Design】デザインが素晴らしい和風の縦書きウェブサイト × 11選続きを読む →

【Web Design】華やかな印象の結婚式・ブライダル・ウェディング系のウェブサイト × 11選

Entry Description: 2016年1月16日 2024年10月17日; Design; 1784文字：約3分; 株式会社オンズ

ウェディング系の優れたウェブデザインを調査する機会があったのでメモします。華やかな印象のウェブサイトを11個、集めました。目次first filmラソールガーデン・大阪東京ステーションホテルウエディングHiromi Sekiguch... 【Web Design】華やかな印象の結婚式・ブライダル・ウェディング系のウェブサイト × 11選続きを読む →

【2016春夏キャンペーン】超一流ブランド［Louis Vuitton］と［Final Fantasy XIII］がコラボ！

Entry Description: 2016年1月14日 2024年10月17日; ADS, Design; 1325文字：約3分; 株式会社オンズ

あの超有名ブランド［Louis Vuitton］が、2016年春夏キャンペーン「SERIES 4」のモデルとして人気ゲーム「ファイナルファンタジーXIII」の主人公「ライトニング」を起用しています。 FacebookやTwitterなど、S... 【2016春夏キャンペーン】超一流ブランド［Louis Vuitton］と［Final Fantasy XIII］がコラボ！続きを読む →

【JavaScript】ページのスクロールに合わせて要素を動かす［ScrollReveal］の使い方（4.0.9対応）

Entry Description: 2016年1月4日 2024年10月23日; Design, JavaScript; 1924文字：約4分; 株式会社オンズ

ページをスクロールさせて、非表示だった特定の要素がウィンドウ内に入ってきたときに、指定したアニメーションエフェクト付きで表示させるスクリプト［ScrollReveal］を紹介します。以下の公式配布サイトのデモを見れば何が起きているのか一目... 【JavaScript】ページのスクロールに合わせて要素を動かす［ScrollReveal］の使い方（4.0.9対応）続きを読む →

2015年総集編！オンズも掲載されている国内のウェブデザインのギャラリーサイト × 11選。

Entry Description: 2015年12月30日 2024年10月26日; Design; 1247文字：約3分; 株式会社オンズ

ウェブデザインの制作で頭を悩ませているとき、優れたサイトを眺めているだけでインスピレーションの源になります。レイアウトやカラーパレット、導線や特殊な動きなどなど、学ぶことが多く自分の引き出しも増えていきますからね。ウェブデザイナーの方な... 2015年総集編！オンズも掲載されている国内のウェブデザインのギャラリーサイト × 11選。続きを読む →

【jQuery】ページのスクロール量に連動してプログレスバーを実装する［Scrollgress］の使い方

Entry Description: 2015年11月24日 2015年11月24日; Design, jQuery; 1782文字：約3分; 株式会社オンズ

ウェブページをスクロールさせると、その動きにシンクロしてプログレスバーが表示される［Scrollgress］の使い方を紹介します。実際に導入してみましたので、まずはサンプルをご覧ください。［Scrollgress］：実装サンプルウィン... 【jQuery】ページのスクロール量に連動してプログレスバーを実装する［Scrollgress］の使い方続きを読む →

【Web Design】カッコいい！「黒」×「ピンク」のウェブデザイン × 11選。

Entry Description: 2015年11月16日 2024年9月30日; Design; 2629文字：約5分; 株式会社オンズ

「黒」×「ピンク」ってオシャレな色の定番の組み合わせのはずなのに、過激な印象が先行してしまうためか、ウェブデザインに限定して探してみると意外に人気がなく、採用しているサイトが少ないんです。特に性的なイメージを喚起させる側面があるためか、企... 【Web Design】カッコいい！「黒」×「ピンク」のウェブデザイン × 11選。続きを読む →

【CSS3】jQuery無しで動く［Pure CSS Modal Popup］の実装方法

Entry Description: 2015年11月15日 2024年10月7日; CSS, Design; 2566文字：約5分; 株式会社オンズ

通常「モーダル・ポップアップ」はjQueryを利用して実装するケースが多いかと思いますが、今回紹介する［Pure CSS Modal Popup］は、その名のとおりスタイルシートの設定だけで実装できる便利なテクニックです。まずは下記URL... 【CSS3】jQuery無しで動く［Pure CSS Modal Popup］の実装方法続きを読む →

【Design】ハロウィンのポスター用テンプレート［10 Awesome Halloween Posters］テキストを編集するだけで印刷OK！

Entry Description: 2015年10月29日 2024年9月30日; Design, Illustlator; 1068文字：約2分; 株式会社オンズ

ハロウィンのポスター用の無料テンプレート素材［10 Awesome Halloween Posters］を紹介します。クオリティの高いA5サイズの「.ai」および「.eps」ファイルが梱包されており、テキスト部分を編集するだけで印刷に適し... 【Design】ハロウィンのポスター用テンプレート［10 Awesome Halloween Posters］テキストを編集するだけで印刷OK！続きを読む →

ハロウィンのキャラクターが揃った無料アイコン［Halloween Characters］が可愛い！

Entry Description: 2015年10月28日 2024年9月30日; Design, Illustlator; 576文字：約1分; 株式会社オンズ

全20種類のハロウィンのキャラクターが揃ったアイコンセット［Halloween Characters］が可愛い！主役のカボチャのオバケ「ジャック・オ・ランタン」をはじめ、映画『エルム街の悪夢』に登場する「フレディ」、吸血鬼の「ドラキュラ伯... ハロウィンのキャラクターが揃った無料アイコン［Halloween Characters］が可愛い！続きを読む →

【Icon】ブラックユーモア満載の過激なアイコンセット［Nasty Icons］が面白い。

Entry Description: 2015年10月24日 2024年10月17日; Design, Icon, Illustlator, PhotoShop; 370文字：約1分; 株式会社オンズ

かなり過激なアイコンセット［Nasty Icons］が無料で提供されています。オフィシャルサイトに掲載されている上記のGIF画像を見るとおり、ブラックユーモア満載のダークなデザインが面白いですね。「手に負えない」や「卑猥」といった意味の... 【Icon】ブラックユーモア満載の過激なアイコンセット［Nasty Icons］が面白い。続きを読む →

高品質インフォグラフィック・テンプレート［Free Infographic Brochure Template］が無料です。

Entry Description: 2015年10月20日 2024年9月27日; Design, DTP, Illustlator, PhotoShop; 413文字：約1分; 株式会社オンズ

無料で提供されているインフォグラフィック用テンプレート素材［Free Infographic Brochure Template］を紹介します。 Free Infographic Brochure Template こちらのURLより、ブル... 高品質インフォグラフィック・テンプレート［Free Infographic Brochure Template］が無料です。続きを読む →

2015年度ブランド価値ランキング TOP11位のウェブサイト・デザイン

Entry Description: 2015年10月15日 2024年9月30日; Design; 2003文字：約4分; 株式会社オンズ

先日［Interbrand］が2015年度版の「ブランド価値ランキング」を発表しました。 Rankings - 2015 - Best Global Brands - Best Brands - Interbrand まったく例外なく、誰も... 2015年度ブランド価値ランキング TOP11位のウェブサイト・デザイン続きを読む →

香港と中国は違う！　匿名のデザイナー集団が作った25枚のイラスト。

Entry Description: 2015年10月1日 2024年10月17日; Design; 1636文字：約3分; 株式会社オンズ

香港のデザイナー集団「本土工作室 - Local Studio Hong Kong」が制作した、中国と香港の違いを紹介したイラストが話題になっています。左側が中国で、右側が香港。中国に対しての皮肉が込められていますが、なかなか鋭い視点で... 香港と中国は違う！　匿名のデザイナー集団が作った25枚のイラスト。続きを読む →

シンプルなアイコンのデザインが素敵。「成功する人」と「成功しない人」の７つの違い。

Entry Description: 2015年6月23日 2024年10月7日; Design, wisdom; 677文字：約2分; 株式会社オンズ

海外のサイト［wittyfeed］にて、「Minimal Posters Depicting The Difference Between Successful And Unsuccessful People」というタイトルで「成功する人」... シンプルなアイコンのデザインが素敵。「成功する人」と「成功しない人」の７つの違い。続きを読む →

「ビリギャルって言葉がお似合いよ、慶應さん」「ハンカチ以来パッとしないわね、早稲田さん」

Entry Description: 2015年5月28日 2024年10月17日; ADS, Design; 541文字：約1分; 株式会社オンズ

明後日、5月30日・31日に開催される東京６大学野球にて、『早慶戦』の前哨戦がヒートアップしています。早稲田と慶応、それぞれの大学のスクールカラーである「臙脂色」と「紺色」をバックに、両大学の在学生がモデルになり、互いに闘志をむき出し合っ... 「ビリギャルって言葉がお似合いよ、慶應さん」「ハンカチ以来パッとしないわね、早稲田さん」続きを読む →

【社内用】新しい「スタイルシート・リセット」のカタチ『ONZE Reset CSS』の設定。

Entry Description: 2015年5月17日 2024年10月21日; CSS, Design; 3650文字：約7分; 株式会社オンズ

今日は「リセット用スタイルシート」について、その概要と私たちの見解、またウェブサイト制作の現場で実際に利用しているオンズ独自のスタイルシート［ONZE Reset CSS］を紹介していきます。「スタイルシート・リセット」とは？各ブラウザ... 【社内用】新しい「スタイルシート・リセット」のカタチ『ONZE Reset CSS』の設定。続きを読む →

株式会社オンズのブログ記事一覧