Tweet Pocket 日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。 全てのサイトを

近年増えている「変形ハンドル」のクルマ、その傾向はますます強まり、さまざまな形状のものが出現しています。ハンドルは「円」である必要がなくなっているようですが、なぜでしょうか。 実はメリットいっぱい？「円じゃないハンドル」 これまで長年、クルマのハンドルといえば円形のものが一般的でしたが、近年ではそうでないハンドルの形状が増えています。ハンドル下部が水平になった「D型」や、なかには、中心から「コ」の字型の持ち手が左右へ伸びたアーケードゲーム機にあるようなハンドルもあります。こういったユニークな形のハンドルには、どのような効果があるのでしょうか。 トヨタ「bZ4X」のハンドル（画像：トヨタ）。 D型のハンドルはもともと、コックピットが狭いレーシングカーで見られるもの。たとえばスズキは「スイフト」で採用しているD型ハンドルを「スポーティさの表現」と説明しています。ひざ上からハンドルまでのスペース

ウェブサイトやモバイルアプリを魅力的にしたいときは、アニメーションを利用すると良いでしょう。 その理由は、ユーザーの注目を無意識に集め、美しさも表現できるから。 さまざまなデザイントレンドとしても、毎年選出されており、まずます需要が高まっています。 実際に、多くの最新ウェブデザインでも採用されており、アニメーションに特化したCSSライブラリも数多く公開されています。 ワンランク上のウェブデザインを作成したいクリエイターに、ぜひ参考にしてほしいアニメーションのアイデアを、まとめてご紹介します。 動くWebデザインの最新アイデアまとめ Daily UI “Luxury Interaction Concept” 高級車の販売を行う、インタラクティブで実験的なコンセプトページで、クリックに応じたコンテンツ遷移が心地よいつくりに。

ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。 コンテンツ目次 【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA

航空自衛隊は10日、宇宙分野における専門部隊「宇宙作戦隊」の隊員が制服に付ける記章のデザインを発表した。宇宙空間の監視任務にちなみ、地球や星をあしらった。宇宙分野に関する専門性や技能が一定基準に達した隊員のみが着用できるという。 宇宙作戦隊は2020年5月、日本の人工衛星への脅威となり得るスペース…

同じようなデザインの手直しに人生の貴重な時間を費やしたいと思う人はいません。過去に別のアプリなどで解決されている問題があるのなら、その問題の解決策がテンプレートとして既に存在するはずです。それこそが、誰にでも使えるデザインパターンです。 ここでは、Web上でデザインパターンを見つけるのに最適なサイトをリストアップしました。執筆時現在、これらのリソースはすべて無料ですが、一部はプレミアム版などを支払うように求められる場合があります。なお、この記事は、これらのサイトのアフィリエイトではないことを最初に断っておきます。 UI Patterns UI Patternsでは、好みのパターンを簡単に検索でき、使えると思ったパターンをグループ化することができます。また、自分のデザインでのパターン活用に役立つ、UIデザインパターンに関する多くの興味深い記事があります。 WELIE Interaction

この記事は(Sketch Advent Calendar 2017 18日目の記事です。 こんにちは、デザイナーのmura24です。普段は事業会社でアプリのUIデザインをやっております。 サービス開発のデザイナーの主なデザインタスクとして、以下のようなものが上げられます。 これらのタスクにはそれぞれ、紙、Sketch、Google Suite、inVisionなど、最適なツールがたくさんあります。ですが、ツールを分けることで、デザインデータが引き継げない、すべての成果物を最新状態に保つ手間が発生する…などといった問題が起こってしまいます。 今回は、Sketchを活用してこれらのデザインタスクをワンストップで行う方法について公開します。 このエントリの対象 サービス開発に携わっている開発者（特にデザイナー） UIデザイン外のタスクの工数を減らしてもっとデザインに集中したい！と思っている方 開

最近のWebデザインは、フラットデザインやマテリアルデザインが少しずつ進化し、コンテンツにフォーカスされたシンプルなデザインが定着してきました。写真は大きく、テキストは読みやすく、空白スペースは大胆に配置されています。 レイアウトは縦長型や分割型、カード型の人気が高く、デスクトップでもスマホでもスクロールを前提にしたデザインをよく見かけます。 最近のWebデザインで使われているさまざまなテクニックの勉強になるレイアウトやUIコンポーネント・要素が揃ったPhotoshop用、Sketch用の無料素材を紹介します。

目まぐるしく変化するウェブデザインは、技術の発達によりこれまでは難しかった表現も可能になってきています。ユーザー主体とした体験型サイトなども増え、アニメーションやレイアウトなど新しいデザイン要素を利用することで、より魅力的でインタラクティブなサイトデザインに仕上げることができます。 そんなウェブデザイン制作アイデアの参考にしたい、クオリティの高いWebサイトをまとめてご紹介します。Webデザインやホームページ作成を勉強したいという人にもオススメです。 ブックマークしておきたい海外/国内Webデザインギャラリーまとめ30選【2017年改訂版】 これでもう悩まない！2017年のデザイントレンド完全ガイド Webデザイン勉強の参考にしたい、魅力的なサイト35選まとめ North 2 カラフルな配色でヒーローイメージが切り替わるインパクトのあるデザイン。 Adison Partners デュオトー

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

今時のかっこいいデザイン、素敵なエフェクトを備えたレスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、HTML5+CSS3の無料のテンプレートを紹介します。 単に使うだけでなく、レスポンシブ時のレイアウトのバリエーション、使い勝手のよいコンポーネント、気持ちいい繊細なアニメーションなど勉強にもなります。 Editorial デモページ 文字を見せることに拘ったシンプルなデザインのテンプレート。読むことが邪魔にならない繊細なアニメーションも素敵です。 各UIエレメントのデザインは、ハンバーガーメニューのElementsから。

14. Copyright  ©  BizReach,  Inc.  All  Right  Reserved. ‹#› アプリをゼロからつくるとき、 SketchとProttがいかに便便利利かの話 ~∼アプリ「BizReach」に⾒見見る 企画からデザインまでのワークフロー実例例~∼ 15. Copyright  ©  BizReach,  Inc.  All  Right  Reserved. ‹#› 本間 　裕⼆二 2013年年にビズリーチに参画 営業経験後 ・マーケティング部 ・BtoBマーケティング部 ・サービス企画部を兼務し、 2014年年11⽉月〜～現在まで アプリのプロデューサー

こんにちは！霙(@xxmiz0rexx)です！ 2015年ももう終わろうとしている時に、遅ればせながらやっとデザインツールにSketchを導入してみました。 まだインストールして1週間ほどなんですが、入れて良かったという感想しかないです…。爆速で仕事が終わっていくやんけ、、、。そんなわけで今年最後の記事は、今年最後に手に入れたデザインツール『Sketch』をご紹介させてもらおうと思います。もしアプリをデザインする人でまだ使っていない人がいたら参考にしてみてください。Webデザインにも使えますが、やはりアプリデザインにこそ真価を発揮すると思います。 目次 Sketchを使って感動したこと 取り急ぎ入れたSketchプラグイン 気になっているプラグイン（未使用） これだけは覚えておきたいSketchのショートカットキー さいごに Sketchを使って感動したこと まだ使っていない人からしたら、

Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。 さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見ているだけでワクワクするクリエイティブな刺激をもらえます。

50 Free Wireframe Templates for Mobile, Web & UX Design Wireframing is an essential step in the initial stages of a UI project, allowing you to define the information hierarchy of your mobile app or web design project and plan for functionality and user flow. By stripping away non-essential design elements, wireframes help to communicate the layout effectively. Whether you use a whiteboard, pencil

Rhizomatiks ライゾマティクスは、技術と表現の新しい可能性を探求し、研究開発要素の強い実験的なプロジェクトを中心に、人とテクノロジーの関係について研究しながらR&Dプロジェクトや作品制作を行うクリエイティブチーム。アーティスト、デザイナー、エンジニアで構成され、ハード・ソフトの開発からオペレーションまで、プロジェクトにおける全ての工程に責任を持ちます。また、外部のアーティストや研究者・科学者などとのコラボレーションワークを通じ、カッティングエッジな表現作品、研究を世の中に発表しています。 研究開発を中心にさらなる挑戦を目指す 2006年の設立以降、メディアアート・広告・エンターテインメント・建築・都市開発まで、様々な領域でリアルとバーチャルを横断しながら活動の幅を拡張し、統合的なクリエイティブ力を培ってきた株式会社ライゾマティクス。数多くのプロジェクトやコラボレーションを通じて活

Share your work Submit your website for visibility and recognition Submit Website

先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Moc

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。