TOP  >  UI

Tag : UI

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素材がまとめられています。気になるものをいくつかピックアップしているので以下よりご覧ください。

詳しくは以下

(続きを読む…)

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

webサイトからプレイヤーリストまで トレンドを感じさせるデザインを詰め込んだUIキット「Clippers UI Kit Free Sample」

トレンドを取り込んだUI設計を行うことは非常に重要ですが、一から行っていくことはとても大変。そんなときに知っておくと便利なUIキット「Clippers UI Kit Free Sample」を今回は紹介いたします。

Clippers-UI-free-sample_top

UIキットには様々な種類がありますが、最新のトレンド感あふれるデザイン性が魅力のUIキットです。

詳しくは以下

(続きを読む…)

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

UIデザインに機能的なアニメーションをつける4つのポイント「4 Ways Use Functional Animation in UI Design」

デザインに動きをつけてより見やすいUIを作り上げるとこができる、UIアニメーション。上手に利用すれば良いUIを制作できますが、動きという印象に残る要素になるため、取り入れるにはコツが必要です。今回ご紹介するのは、そんな時に役立つ、UIデザインにアニメーションを盛り込むコツをまとめた「4 Ways Use Functional Animation in UI Design」です。

animationui

アニメーションを採用するための4つの覚えておきたいポイントが、非常にわかりやすく実例も踏まえて解説されています。

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2017年05月21日

モックアップやテンプレートがフリーでダウンロードできるサイト「UIPIXELS」

サイトテンプレートからUI設計、アイコン、出来上がったデザインを実際に見せるためのモックアップに至るまで、WEBサイトを制作するにあたって、必要となる材料や要素は数多く存在します。そんな中今回紹介するのは、デザインを進めるにあたって必要不可欠となるツールをフリーでダウンロードできるサイト「UIPIXELS」です。

mockup01
iPhone 6s Plus Mockups | Free PSDs & Sketch App Resources for Designers – uipixels

サイトの構成を決めるテンプレートから細かなパーツまで、制作する中で活躍してくれるであろうアイテムが網羅されているのが、とても魅力的なサイトです。サイトでダウンロードできる素材をいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

時短に役立つ!UIやアイコンなどWEBデザイン向けフリー素材まとめ「Web Design Freebies That Will Save Hours Of Your Time And Make Your Life Easier」

アイコンやUI、フォントなどWEBデザインを取り巻くたくさんの要素の中に、フリー素材を取り入れることも多いと思いますが、それらひとつひとつを探していると余計に時間が掛かってしまうことも。今回はそんな時にぴったりな、効率的にWEBデザインに役立つフリーの素材やコンテンツをまとめて入手できる「Web Design Freebies That Will Save Hours Of Your Time And Make Your Life Easier」をご紹介します。

Web Design Freebies_0510_main

UIキットやフリーアイコンなど、定番の素材など使えるコンテンツのみが厳選されています。その中から気になったものを幾つかピックアップしましたので、下記よりご覧下さい。

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

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

UIデザインに必要な物を一括で!UIデザイナーのためのフリー素材、ツールまとめ「29 New Free Photoshop PSD Files for UI Designers | Freebies | Graphic Design Junction」

UIデザインを行うのに必要なツールや素材は多岐に渡ります。必要なものとはわかっているけれど、ネットの膨大な情報から適切なものを取捨選択するのも一苦労。今回はそんなときに参考にしたい、UIデザインに便利なフリー素材やツールをまるっとまとめた「29 New Free Photoshop PSD Files for UI Designers」をご紹介します。

Free_UI_PSD_Files
29 New Free Photoshop PSD Files for UI Designers | Freebies | Graphic Design Junction

UIデザインを見せるためのモックアップや、便利なカラーピッカーなどが手広くまとまっています。まとめの中から、気になったものを幾つかご紹介しますのでご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:03  |  
Category: Photoshop , Tool , vector , WebDesign   
このエントリーをはてなブックマークに追加

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

2011年02月26日

利用しやすいクリーンなアイコンセット集「31 Clean and Usable Icon Packs」

WEBデザインにおいて非常に使い勝手が良いアイコンセット。クオリティ、ユーザービリティの向上に一役買ってくれます。今回紹介するのは利用しやすいクリーンなアイコンセットを集めたエントリー「31 Clean and Usable Icon Packs」。


Yusukek Amiyamane

キレイ目で、どんなデザインにでも違和感なく利用できそうなアイコンセットが多々集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

Simply Professional
丸みを帯びたシンプルでPOPなアイコンセット。


 
 
 
 
 
Retrofukation
少しレトロ感のある、アイコンセット。POPではないけど、違うやわらかい表現がしたい時に。


 
 
 
 
 
Red Little Shoes Icon Set
手書きのアイコンセット。利用出来るシーンは限られていますが、ハマったときはいい世界観を作ってくれそうです。


 
 
上記の他にも様々なアイコンセットがまとめられています。アイコンをお探しの方は是非原文もご覧ください。

31 Clean and Usable Icon Packs | PSDFan

続きを読む
posted 10:04  |  
Category: Design , WebDesign   
2017年10月05日

web開発者のための最新リソースまとめ「Fresh Resources for Web Developers – September 2017」

日々技術が進化する中で、開発者やデザイナーであれば常に新しいアイテムを手元に置いておきたいもの。そんな中今回紹介するのは、web開発者のための最新リソースまとめ「Fresh Resources for Web Developers – September 2017」です。

Resources01
GitHub – richtabor/MerlinWP: Better WordPress Theme Onboarding

アイコンやフォントなど、様々な場面で活用出来るアイテムがまとめられています。いくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
2009年10月28日

レトロなフリーフォント20選「20 Fantastic Free Retro and Ornate Fonts」

装飾が施されている書体は洗練された雰囲気は出すことはなかなか難しいですが、その独特の風体から書体一つで世界観を作りあげることができます。今日紹介するのはそんなレトロな書体を集めたエントリー「20 Fantastic Free Retro and Ornate Fonts」です。

ret01
AirStream

いくつか書体が公開されていますが、今日はその中からいくつか気になったモノをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:35  |  
Category: Design , Font   
tag: 
2014年02月16日

フォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」

webサイトをより魅力的に演出するために利用されることの多いjQuery。プラグインの種類にもさまざまなタイプがありますが、今回紹介するのはフォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」です。

jqfont0
Textillate.js

独特の動きや文字組・文字列を表現できるクリエイティブなフォントのjQueryプラグインがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:59  |  
Category: plugin   
2010年06月25日

個性的な名刺デザインを集めた「35 cool and unique business card designs」

ビジネスの際に欠かすことの出来ないアイテム”名刺”、シンプルなものから、インパクトを重視した変わったデザインのものまでさまざまな名刺が使われていますが、今回紹介するのは、個性的な名刺デザインを集めた「35 cool and unique business card designs」です。


Bottle Opener Business Card | Business Cards Observer

名刺の形はしているけども、かなりデザインに個性が見られるもの、また一見名刺とは思えないようなデザインまでさまざまな種類が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:40  |  
Category: Design   
2012年05月07日

WEBやスマートフォンデザインにかかせないGUIキットまとめ「New Useful Free PSD GUI Kits」

ユーザーがより快適にページを楽しめるようなデザイン制作は、サイト滞在率をアップさせる重要な要素の1つではないでしょうか?そんな中今回紹介するのが、WEBやスマートフォンデザインにかかせないGUIを手軽に制作できるPSDキットをまとめた「New Useful Free PSD GUI Kits」です。


Hanna UI Kit – 365psd

インターフェース全体がデザインされた素材からパーツ素材まで、さまざまなGUI素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:40  |  
Category: Design   
2017年12月07日

スプレーを吹きかけたようなテクスチャ素材「16 Sprayed Vector Textures」

デザインに勢いを付けたいときや、スタイリッシュに魅せたいときなどに非常に役立ってくれる、スプレーや水を吹き付けたようなスプラッシュ表現。自分で1から制作するのは大変ですが、今回ご紹介するのはそんな時に利用したいテクスチャ素材「16 Sprayed Vector Textures」です。

16-sprayed-vector-textures1

スプレーを吹きかけたようなベクターアートが収録された、ハイクオリティな素材です。

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

続きを読む
2009年01月21日

WEBデザイナー必見!あらゆるリソースが参照できる「Web design tools and resources」

Deisngdevelopではデザイン、WEBに役立つ様々なコンテンツを日替わりで紹介していますが、今回紹介する「Web design tools and resources」はあらゆるWEBデザインに役立つリソースがまとめられているエントリーです。

リソースはリソースはJavascript、Miscellaneous Tools、Hosting、Grid Design、Typographyなどとジャンル分けされ、一覧になっていて非常に分かりやすくまとめらられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:01  |  
Category: WebDesign   
2012年10月02日

デザイン性の高い最新ワードプレステーマまとめ「30 Hot New Premium WordPress Themes」

WEBサイトの制作や更新が比較的手軽にできると人気のWordPressを、実際のサイト制作に利用している方も多いのではないでしょうか?そんな中今回紹介するのが、デザイン性の高い最新ワードプレステーマをまとめた「30 Hot New Premium WordPress Themes」です。


WordPress – ExtraNews – Responsive News and Magazine Theme | ThemeForest

シンプルなWEBサイトを構築できるテーマから、ポートフォリオなど作品発表に適したテーマまで、さまざまなテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:49  |  
Category: WordPress   
tag: 
2017年04月19日

マテリアルデザインを取り入れたフリーワードプレステーマ「10 Free WordPress Themes that Utilize Material Design」

フラットデザインの弱点を解決すべくうまれたマテリアルデザイン。デバイスをまたいだシームレスな使い心地が特徴で、平面に質量と触覚を生み出し、ユーザーに沿うものへと進化しました。今回はそんなマテリアルデザインを取り入れたフリーワードプレステーマ「10 Free WordPress Themes that Utilize Material Design」を紹介したいと思います。

material01
Teslata — Free WordPress Themes

マテリアルデザインのベーシックな構造とデザイン性を反映させたワードプレステーマが揃っています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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