TOP  >  ワイヤーフレーム

Tag : ワイヤーフレーム

2018年09月12日

AdobeXDで使えるiOSワイヤーフレームキット「Collector iOS Wireframe UI Kit」

WEBサイトやモバイルアプリをデザインする際に、非常に有効なツールの一つAdobeXD。プロトタイプを簡単に作ることができる非常に優れたソフトウェアで利用者も国内でも増えてきているツールではないでしょうか?今日紹介するのはそんなAdobeXDで使えるスマートフォンワイヤーフレームキット「Collector iOS Wireframe UI Kit」です。

wire00

スマートフォンをベースにした様々なユーザーインターフェイスがセットになっています。いくつか収録されているワイヤーフレームをカテゴリ別に抜粋して紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2018年03月16日

ハイクオリティなワイヤーフレームテンプレート「iBlocks – iiOS Wireframe Kit」

デザインの基本設計を示すワイヤーフレームは初期段階での打ち合わせや、提案などでのデザインのすり合わせには欠かせない存在です。今回ご紹介するのはそんなワイヤーフレームを、制作する際に是非活用したいハイクオリティなワイヤーフレームテンプレート「iBlocks – iiOS Wireframe Kit」です。

iios-wireframe-kit
iBlocks – iOS Wireframe Kit Freebie | Day 61/365 – Project365 by Kishore – Dribbble

スマートフォンのワイヤーフレーム作成時に役立つ、使用頻度の高い基本設計が24種類集められています。

詳しくは以下
(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年04月21日

スマホ含むUXデザイン向けのフリーワイヤーフレームテンプレート50「50 Free Wireframe Templates for Mobile, Web and UX Design」

ワイヤーフレームの作成は、プロジェクトを進行する上で非常に重要な役割をもち、全体の構造把握のために必要な過程。そんなシーンで活用したい、フリーで配布されているものを豊富にまとめている「50 Free Wireframe Templates for Mobile, Web and UX Design」を今回は紹介いたします。 

wire00
Freebie – Iphone templates for mobile storyboard by Jean-Baptiste Eudeline – Dribbble

便利に活用できそうな、さまざまなテイスト、種類のワイヤーフレームが揃っています。気になったものをいくつかピックアップしてご紹介しているので、ご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2016年06月14日

ワイヤーフレームづくりに便利なキット40「40 Free Wireframe Templates for Mobile App, Web and UX Design」

本制作をする前にワイヤーフレームで制作して、UIやUXなどをクライアントと確認するというのはWEB業界では慣習的になっていますが、今回紹介するのは、そんなワイヤーフレームづくりに便利なキットを集めたエントリー「40 Free Wireframe Templates for Mobile App, Web and UX Design」です。

mobile-app-wireframe-material-design-free-template-02
Carbon Material Design eCommerce Wireframe Kit
(PSD & Sketch)

WEBからiOS、AppleWatchまで様々なタイプのワイヤーフレームが紹介されています。今日はその中から特に気になったワイヤーフレームをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2015年12月20日

ワイヤーフレーム制作・スケッチの参考に便利な「23 Beautiful Wireframe Sketches for Web Designers」

サイトを設計する際に必要なワイヤーフレームの制作。これを行っておくことで、web制作のクオリティやスピードを高めることができるため、できるだけ精度の高いものを作っておきたいもの。今回そんなワイヤーフレーム制作・スケッチの参考に便利な「23 Beautiful Wireframe Sketches for Web Designers」を紹介したいと思います。

wire1220_1
Movies app wireframe on Behance

どのワイヤーフレームも、そのままwebレイアウトのベースとして使えそうなほど、ハイクオリティなものばかりが揃っています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年06月29日

デザイン性の高いUI&ワイヤーフレームテンプレート集「30 New Web and Mobile GUI kits and Wireframe Templates」

webサイトやモバイルサイトのデザイン制作を行う際に必要な設計。実物に近ければ近いほど、実制作が楽になったり、イメージがし易いものです。今回はそんな時に利用したい、UI&ワイヤーフレームテンプレート集「30 New Web and Mobile GUI kits and Wireframe Templates」を紹介します。

ui140630_1
Dribbble – iTunes IOS7 UI kit by samsu

デザイン性の高いキットやワイヤーフレームのベースがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2009年01月15日

羽をテーマにしたphotoshopブラシ集「122 Raster & Vector Wings」

羽は飛び立つとか卑称とかなにかと良いイメージを与えてくれるデザインモチーフですが、その形状の複雑さもあっていざ自分で書こうと思うと難しかったりします。そこで今回紹介するのは羽にスポットを当ててまとめられた羽素材まとめエントリー「122 Raster & Vector Wings」を紹介したいと思います。

「122 Raster & Vector Wings」では羽をテーマにしたphotoshopブラシがいくつか紹介されています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:13  |  
Category: Design , Photoshop   
2016年12月26日

サイトの印象をぐっと引き上げてくれるクリエイティブな効果エフェクト「Block Reveal Effects」

WEBサイトのクリエイティブのクオリティはデザインは然ることながら、どんな動きをさせるかというところでも、大きく影響がありますが、今日紹介するのはサイトの印象をぐっと引き上げてくれるクリエイティブな効果エフェクト「Block Reveal Effects」です。

RevealerEffect_800x600

「Block Reveal Effects」ではまず、はテキストや写真の出現エリアに色ベタのエリアが出現し、それがズレながら、本来描画されるオブジェクトに変わっていくというものです。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:58  |  
Category: WebService   
2014年10月25日

さまざまな動きのタブデザイン表現を可能にする「11 Free CSS & jQuery Tabs Plugin And Tutorials」

複数のテーマ選択を1デザインで行うのに便利なツール・タブ。シンプルな切り替えが定番ですが、今回はさまざまな動きのタブデザイン表現を可能にする「11 Free CSS & jQuery Tabs Plugin And Tutorials」を紹介したいと思います。

tab1
CSS3 & jQuery folder tabs

タブに独自の動きを再現することができるプラグイン、そして構築のためのチュートリアルが公開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:46  |  
Category: plugin   
2008年01月13日

ハイクオリティーなWordPressテーマを100個集めた「100 Excellent Free WordPress Themes」

WordPressの魅力として豊富なデザインが無料で手に入る点です。今日紹介する「100 Excellent Free WordPress Themes」はハイクオリティーなWordPressテーマを100個集めています。

wordpresstheme

闇雲に集めていると言う訳ではなく、ある程度「Vibrant WordPress Themes」「Simple, Minimalistic Themes」「Vibrant WordPress Themes」などデザイン感でジャンル分けされています。今日はその中から特に気になったテーマを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:29  |  
Category: WordPress   
2018年04月17日

写真に手軽に霧や煙を加えられる高品質なPhotoshopブラシセット「20 Smoke Photoshop Brushes」

ミステリアスな雰囲気を出したり、食べものを美味しそうにみせたり、写真に加えることでさまざまな効果を出すことの出来る煙や霧のようなスモーク。使い勝手のいい効果なだけに、手軽に使えるスモーク素材があるととても今回はそんなスモークをもっと手軽に取り入れることのできる、高品質なPhotoshopブラシセット「20 Smoke Photoshop Brushesをご紹介します。

20-smoke-photoshop-brushes1

Photoshopで写真加工のついでに気軽に使えるハイクオリティなスモークブラシセットです。

詳しくは以下
(続きを読む…)

続きを読む
posted 09:00  |  
Category: Photoshop   
2010年07月04日

プレゼンに役立つフリーパワーポイントテンプレート集「345 Free PowerPoint templates, themes and backgrounds」

プレゼンや、企画書など、クリエイター以外にも幅広くビジネスシーンで利用されるプレゼンテーションツール、パワーポイント。今日紹介するのはパワーポイントでの資料作成に便利な、フリーパワーポイントテンプレート集「345 Free PowerPoint templates, themes and backgrounds」です。

テーマは様々で、ビジネステンプレートから、医療業界で使えそうなもの、写真を大胆に使ったものなど様々なテンプレートが収録されており、全部で345個公開されています

詳しくは以下

(続きを読む…)

続きを読む
posted 03:07  |  
Category: Design   
2008年08月25日

質の高いアイコンとグラフィックのフリー素材を配布する「DryIcons」

WEB制作で欠かせない存在のアイコン。今日紹介する「DryIcons.com – Free Icons and Graphics」はクオリティの高い、アイコン素材とグラフィック素材を無料で公開、配布しているWEBサイトです。

アイコンは種類が豊富で、テイストも様々ですが、どちらかと言えば3Dっぽい作り込んであるタイプのアイコンが多い気がします。アイコンはセットになって配布しているので、新規サイト立ち上げなんかのと記には非常に使い勝手が良さそうです。まず公開されているアイコンの中からいくつか気になるセットを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:27  |  
Category: WebDesign   
tag: webdesign
2018年02月23日

POPなカラーが目を惹く8bitの幾何学的パターンセット「8-bit Memphis Patterns Pack」

シームレスなパターンは様々なシーンで活用できるアイテム。デザーナーとしてはいくつか違ったテイストのアイテムを手元に揃えておきたいものです。そんな中今回紹介するのは、POPなカラーが目を惹く8bitの幾何学的パターンセット「8-bit Memphis Patterns Pack」です。

8bit_Patterns_01

様々な幾何学模様を組み合わせて作られた15種類のパターンセットです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2008年09月20日

ハイクオリティな厳選CSSデザインテンプレート集「Free CSS Templates」

フリーのCSSデザインテンプレートを配布しているサイトは多々存在し、Designdevelopでも「フリーのテンプレート配布サイトをまとめた「40 Free Web Template Resources」」や「クールな無料CSSテンプレート集「CSS 4 Free」」などと取り上げてきましたが、玉石混合で数が膨大すぎて探すのはなかなか大変な作業です。

そこで今日紹介するのは、様々なCSSフリーデザインテンプレートサイトからクオリティの高いCSSデザインテンプレートをピックアップしたエントリー「Free CSS Templates」です。その中からさらに気になったCSSデザインテンプレートを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:33  |  
Category: WebDesign   
2014年10月10日

イラストレーターを使って描き出すテキストエフェクトチュートリアル「Awesomely Brilliant Adobe Illustrator Text Effects Tutorials」

いろいろなデザイン表現を可能にするソフト・イラストレーター。さまざまな場面で活躍してくれますが、機能が多くなかなか使いこなせないことも。今回はそんな時に参考にしたい、イラストレーターを使って描き出すテキストエフェクトチュートリアル「Awesomely Brilliant Adobe Illustrator Text Effects Tutorials」を紹介したいと思います。

illusttu1
How To Create a Comic Style Text Effect in Illustrator

テキストをグラフィカルに表現できるイラストレーターのチュートリアルが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:08  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る