Design | 株式会社オンズ

Entry Description: 2021年12月11日 2024年7月10日; 開発ブログ; Design, Illustlator, PhotoShop, wisdom; 5791文字：約10分; Issey Hara 株式会社オンズ

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

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

Entry Description: 2021年9月30日 2024年7月10日; 開発ブログ; Design; 1300文字：約3分; ONZE 株式会社オンズ

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

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

Entry Description: 2021年9月27日 2024年7月10日; 開発ブログ; Design, NEWS; 1794文字：約3分; ONZE 株式会社オンズ

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

Our Amazing Solar System

Entry Description: 2019年1月2日 2019年1月2日; 開発ブログ; Design; 117文字：約1分; ONZE 株式会社オンズ

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

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

Entry Description: 2018年1月24日 2020年11月22日; 開発ブログ; ADS, Design; 562文字：約1分; ONZE 株式会社オンズ

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

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

Entry Description: 2018年1月22日 2018年1月22日; 開発ブログ; Design, JavaScript, jQuery; 1266文字：約3分; ONZE 株式会社オンズ

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

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

Entry Description: 2018年1月3日 2024年7月8日; 開発ブログ; Design; 577文字：約1分; ONZE 株式会社オンズ

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

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

Entry Description: 2017年8月26日 2024年7月8日; 開発ブログ; Design; 2030文字：約4分; ONZE 株式会社オンズ

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

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

Entry Description: 2016年1月16日 2024年7月3日; 開発ブログ; Design; 1788文字：約3分; ONZE 株式会社オンズ

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

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

Entry Description: 2016年1月14日 2024年7月3日; 開発ブログ; ADS, Design; 1319文字：約3分; ONZE 株式会社オンズ

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

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

Entry Description: 2016年1月4日 2024年7月3日; 開発ブログ; Design, JavaScript; 1403文字：約3分; ONZE 株式会社オンズ

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

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

Entry Description: 2015年12月30日 2024年7月3日; 開発ブログ; Design; 1247文字：約3分; ONZE 株式会社オンズ

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

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

Entry Description: 2015年11月24日 2024年7月2日; 開発ブログ; Design, jQuery; 1895文字：約4分; ONZE 株式会社オンズ

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

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

Entry Description: 2015年11月16日 2024年7月2日; 開発ブログ; Design; 2629文字：約5分; ONZE 株式会社オンズ

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

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

Entry Description: 2015年11月15日 2024年7月2日; 開発ブログ; CSS, Design; 2566文字：約5分; ONZE 株式会社オンズ

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

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

Entry Description: 2015年10月29日 2015年10月29日; 開発ブログ; Design, Illustlator; 999文字：約2分; ONZE 株式会社オンズ

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

ONZE/BLOGオンズ開発ブログ

株式会社オンズのブログです