TOP  >  XD

Tag : XD

2018年09月12日

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

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

wire00

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

詳しくは以下

(続きを読む…)

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

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

2011年03月09日

インクやペイントで描く photoshopブラシまとめ「Collection Of 600+ Free Ink & Paint Photoshop Brushes」

表現に多彩な幅を生み出すブラシツールですが、通常デザインソフトに付属されているブラシだけでは、細かい表現ができないことも多いと思います。そこで今回紹介するのは、優れたインク表現やペイント表現を描くことができるphotoshopブラシまとめ「Collection Of 600+ Free Ink & Paint Photoshop Brushes」です。


Ink and Paint (39 brushes)

ダークでリアルなブラシから、水彩画をイメージさせるブラシまで、約300種類のブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:51  |  
Category: Design , Photoshop   
2015年04月28日

新しく公開されたフリーデザインフォント15種「15 Latest Free Fonts for Designers」

デザインのトレンドとともに、フォントも次々と新しいタイプのものが登場し続けています。そんな中今回紹介するのは、比較的新しく公開されたフリーデザインフォント15種「15 Latest Free Fonts for Designers」です。

font0424_1
ModernFex (Free Font) on Behance

デザイン性に拘りが感じられるフリーフォントが15種紹介されています。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2014年01月25日

シンプルテイストなモックアップ用psd「23 Free Flat/Minimal Device Mockups [PSD]」

webサイトやスマートフォンアプリなどのデザインを制作する際、実際の見た目を確認するために実際の機種に当てはめた状態をチェックすることも多いはず。今回はそんなシーンで活用できるモックアップ用psd「23 Free Flat/Minimal Device Mockups [PSD]」を紹介したいと思います。

flatmoc1
Free Responsive Screen Mock Up – iMock Up Free Edtion on Behance

フラットでミニマルなシンプルテイストなので、デザインに影響を与えることなく利用することができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:54  |  
Category: WebService   
2010年09月11日

CSS、javascriptで実現するタブインターフェイス集「30 CSS and Javascript Tabs Solutions」

数多くの情報をまとめて、限り有るスペースを有効活用することができるタブインターフェイス、情報量の多いサイトで主に利用されていますが、今回紹介するのはCSS、javascriptで実現するタブインターフェイスを集めたエントリー「30 CSS and Javascript Tabs Solutions」です。


Sweet Tabbed Navigation Bar using CSS3

デザイン的に凝ったものから、jQueryやCSS3を使って印象的に見せるものまで、様々なタブインターフェイスが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:00  |  
Category: WebDesign   
2009年08月01日

使いやすいベクターデータ素材セット24選「24 useful free vectors」

WEBにせよ、グラフィックにせよ、その自由度の高さから非常に便利なデータ形式ベクターデータ。色や大きさなどの変更にも柔軟に対応してくれます。今日紹介する「24 useful free vectors」は使いやすいベクターデータ素材を集めたエントリーです。

free-vector01
Pens, pencils and markers

アイコンからオブジェクトまでデザイン業務に使いやすそうなベクターデータが全部で24個公開されています。今日はその中からいくつか気になったベクターデータを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:41  |  
Category: Design , vector   
tag: Design vector
2014年04月24日

さまざまなオフィスツールのベクターパック「Freebie: Comprehensive Office Environment & Tools Vector Pack」

オフィスやビジネスで使用するツールにはいろいろな種類があり、非常に身近な存在だという方も。webデザインなどをする時にイラスト素材として使用することも少なくありません。そんな中今回紹介するのは、さまざまなオフィスツールのベクターパック「Freebie: Comprehensive Office Environment & Tools Vector Pack」です。

business1

定番のオフィスツールをフラットタイプのベクターイラストでまとめたフリー素材となっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2008年04月01日

WEBデザイナーのタイポグラフィを助ける101のサイト「101 Typography Resources」

WEBデザインをしていても、紙のデザインをしていても関わってくることが多いタイポグラフィ、イメージではなく文字での訴求はもっともわかりやすい手法だからかもしれません。今日紹介する「101 Typography Resources for Web Designers」はWEBデザイナーのための素晴らしいタイポグラフィを作り上げるためのヒントや助けになるリンク集です。

typography.jpg

「101 Typography Resources for Web Designers」はただ101個タイポグラフィ関連のリンクが羅列しているだけではなく、ある程度ジャンルによってカテゴライズされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:56  |  
Category: Design , Font   
tag: Design Font
2009年01月22日

フリーベクターデータセットの決定版!「The Ultimate Collection Of Free Vector Packs」

今までDesigndevelopでも数々のフリーベクターデータセットを紹介してきましたが、今回紹介するSMASHINGのまとめエントリー「The Ultimate Collection Of Free Vector Packs | Developer’s Toolbox | Smashing Magazine」はフリーベクターデータセットの決定版とも言えるエントリーです。


Dinosaurs Vector Pack

様々な種類のフリーベクターデータセットが公開されています。今日はその中から今までDesigndevelopで紹介した事がなく、珍しいなと思うベクターデータセットをいくつかピックアップして消化したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:00  |  
Category: Design , vector   
tag: Design vector
2009年08月15日

スライダーを極める為のテクニック集「25+ Awesome Slider Techniques」

現在WEBサイトで良く見かけるテクニックの一つスライダー。少ないスペースで様々なコンテンツを見せられるのが魅力ですが、今日はそんなスライダーのテクニックを集めたエントリー「25+ Awesome Slider Techniques」を紹介したいと思います。

scrollable01
Scrollable

よく見るスライダーから、動きが特殊なものやインターフェイスが優れているもの様々なスライダーのテクニックが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:50  |  
Category: WebDesign   
2015年10月22日

いろいろなタイプのパソコンが揃う フリーフラットアイコン「16 Fresh Free Flat Computer Icons」

定番のアイコンだけでなく、さまざまなテーマのアイコンを揃えておくことで、デザインの幅は格段に広がります。そんな中今回紹介するのは、いろいろなタイプのパソコンが揃うフリーフラットアイコン「16 Fresh Free Flat Computer Icons」を紹介したいと思います。

computericon

デスクトップタイプからノートまで、フラットテイストで描きだされたアイコンが16種セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:43  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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