TOP  >  クリエイディブ

Tag : クリエイディブ

2013年04月14日

Fireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」

WEB制作の主流の制作ツールであるAdobe、Fireworks。photoshopとイラストレーターを組み合わせたような制作ツールで、多くの制作者に利用されていますが、今日紹介するのはFireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」です。

iOSの筐体のフレームデータの他に、タイトルやタブメニュー。ボタン、ローディングなどなど、iOSに必要なデザインパーツが網羅されています。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

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

2017年06月14日

WebデザインやGUIデザインに使用できる最新のPSD素材まとめ「36 New Free Photoshop PSD Files for UI Designers」

編集可能なPSD素材は様々な場面で役に立ってくれる存在。できれば最新の素材を手元に置いてきたいもの。そんな中今回ご紹介する「36 New Free Photoshop PSD Files for UI Designers」は、ロゴやアプリのUIから名刺テンプレートまで含まれた最新のまとめとなっています。

FreePsdFiles_top
Daily UI #029 – Music player by Marko Nedeljkovic – Dribbble

どれもクオリティの高い、さまざまな種類のPSD素材がまとめられています。気になるものをいくつかピックアップしているので以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2009年01月14日

様々な方法で背景画像やテクスチャが探せる「Free Backgrounds and Textures」

背景と一口に言ってもWEBサイトだったり、パワー歩員のだったり、ブログだったりと使い道は様々ですが、今日紹介する「Free Backgrounds and Textures」背景画像やテクスチャの背景を様々な方法で探すことができるWEBサイトです。

登録されている背景はジャンル別、色別、人気別、タグクラウドなどで分類されていて、細かく分類されていますので非常に探しやすくなっています。もちろんサイト内検索もあります。

詳しくは以下

(さらに…)

続きを読む
posted 06:15  |  
Category: Design , Photoshop , WebDesign   
2013年06月19日

iOS7のデザインに合わせたデザイン制作ができるUIキット「Free iOS 7 UI Kit」

iOS7で発表されたフラットデザインへの基準デザインの変更にともない、アプリ制作者のデザイン感にも大きな影響を与えているのではないかと思います。今回はそんなiOS7のデザインに合わせたデザイン制作ができるUIキット「Free iOS 7 UI Kit」が早速公開されていましたので、紹介したいと思います。

dd_free_01

iOS7の特徴的なフラットデザインを取り入れた、スマートフォンサイトやアプリ制作に使いやすい基本UIが詰まったキットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 06:40  |  
Category: Design   
2012年04月19日

さまざまなデザインと出会える、Photoshopで制作されたタグと表の素材まとめ「45 High-Quality and Free Pricing Tags and Tables in PSD」

プライスタグやブランドタグをモチーフとした素材、またスペックなどを記載する表は、特にオンラインショップなどのデザイン時に役立ってくれます。そんな中今回は、Photoshopを利用して製作された表現力の豊かなタグと表の素材をまとめた「45 High-Quality and Free Pricing Tags and Tables in PSD」を紹介したいと思います。


Pricing table – psdchest

素材感を楽しめるクオリティの高いタグと表の素材が、豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

CSSとテキストで実現するシンプルなローディングアニメーション「text-spinners」

WEBの演出の一つで、UXのストレスを軽減してくれるローディングアニメーション。WEBサイトがだんだんリッチになる中、当たり前の存在になってきていますが、今回紹介するのはCSSとテキストで実現するシンプルなローディングアニメーション「text-spinners」です。

textloading0

通常ローディングアニメーションはいくつかの画像を利用して生成されますが、このアニメーションはCSSとテキストのみで制作されるため非常に軽量です。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2014年08月12日

手書き風の質感が手軽に表現できるフリーフォントまとめ「20 Amazing Free Handwritten Fonts for Your Designs」

デザインにラフなテイストを表現するために、手描きで文字を書いてはめ込むこともあると思いますが、なかなか思い通りの雰囲気ぴったりに書くことは、文字を描く際のクセもあるためなかなか難しいもの。そんな時に活用したい、手書き風の質感が手軽に表現できるフリーフォントまとめ「20 Amazing Free Handwritten Fonts for Your Designs」を紹介したいと思います。

handwrite1
Recorda Script Personal Use Onl font by Måns Grebäck – FontSpace

さまざまなテイストの手書きフォントが紹介されており、欲しいデザインのイメージに合わせて選ぶことができます。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2010年04月28日

CSSのみで挑むWEBテクニック集「30 Pure CSS Alternatives to Javascript」

WEBに動きをつけたり、制御したりとWEB上ではなにかと便利なjavascript。ライブラリやプラグインも充実していて、それを利用した様々なテクニックが公開されていますが、今日紹介するのはjavascriptは一切使わず、CSSのみで、様々な表現に挑戦しているTipsを集めたエントリー「30 Pure CSS Alternatives to Javascript」です。

purecss01
30 Pure CSS Alternatives to Javascript

スライダーやライトボックスをはじめ、javascriptを使って行われているような事をCSSのみで再現しています。全部で30のプロジェクトがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:46  |  
Category: WebDesign   
2009年03月01日

人間のシルエット素材の決定版!「People Silhouettes photoshopBrushes & vectors」

商業広告、グラフィック制作に良く使われる人のシルエット。デザイナーの皆様は一度は写真から描き起こした事があるかと思います。今日紹介するのはそんな人間のシルエットを集めたエントリー「Free Photoshop Brushes: People Silhouettes」と「People Silhouettes in Vector Format that You can Download for Free」です。

graphicshuman01

かなりの数が集められていて、シルエット化されているポーズも職業も多岐にわたるため、様々なシーンで利用できるかと 思います。今日は紹介されているものの中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:08  |  
Category: Design , Photoshop , vector   
2015年09月14日

世界地図をカスタムしてデータとしてダウンロードできる「Pixel Map Generator」

デザインの仕事でマップデータを使用することは意外に多く、素材として作成するのに一苦労されたという経験のある方も多いのではないでしょうか?今回はそんな時に便利な、世界地図をカスタムしてデータとしてダウンロードできる「Pixel Map Generator」を紹介したいと思います。

mapgene

塗りや線、スタンプなど、要素も自分が好きなように追加をすることができる、カスタムエリアの範囲が広い嬉しいジェネレーターとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:41  |  
Category: Design   
2017年08月13日

モバイル向けデザインテンプレートまとめ「8 Fresh & Free Mobile App PSD Templates」

国内外でも比率が年々増しているスマートフォン。ユーザーインターフェイスの設計は、PCとはまた違った観点の設計・デザインが求められます。今日紹介するのは、モバイル向けのデザインテンプレートをまとめたエントリー「8 Fresh & Free Mobile App PSD Templates」です。

mobileapp01
Clean & Modern iOS UI Kit by Sandeep Kasundra – Dribbble

ハイクオリティなモバイルデザインテンプレートがまとめられています。気になるものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: Tool , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る