TOP  >  モバイル

Tag : モバイル

2016年01月26日

デザインクオリティの高さが魅力 フリーモバイルUIキットまとめ「20 Free Mobile UI Kits for iOS & Android」

フリーで配布されているUIを使用することで、デザインクオリティを格段にアップさせることができます。今回はそんなデザインクオリティの高さが魅力の、フリーモバイルUIキットまとめ「20 Free Mobile UI Kits for iOS & Android」を紹介したいと思います。

mobileui0125_1
Nerdial App UI | uiSurf

非常にデザイン性の高いUIキットがリストアップされています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

モバイルデザイン時に参考にしたいフリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」

今や、サイトデザインはPC版だけでなく、モバイルにも対応したサイト設計が必須となっています。今回はそんな時に参考にしたい、フリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」を紹介したいと思います。

mobileui_1
Planner & Meteo UI Kit for iPhone

デザイン性の高い、さまざまなテーマのフリーUIキットがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

モバイルでも使いやすさを実現できる 10種のレスポンシブライトボックス「10 Must have Lightbox Libraries For Mobile Responsiveness」

写真が若干小さめに配置されていても、クリックなどのアクションを起こすことで大きく表示させることができるライトボックスは、webの世界では非常に重宝されている存在。今回はそんなプラグインの中でも、モバイルでも使いやすさを実現できる、10種のレスポンシブライトボックス「10 Must have Lightbox Libraries For Mobile Responsiveness」を紹介したいと思います。

lightbox3
Featherlight – The ultra slim jQuery lightbox.

シンプルな動きで使いやすさがありながらも、それぞれに個性をもったプラグインが紹介されています。

詳しくは以下

(さらに…)

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

web・モバイルサイトのワイヤー制作に活用できるテンプレート「20 Free Web and Mobile Wireframe Templates」

webサイトやモバイルサイトを制作する際、全体の構成を決めるために、ワイヤーフレームを使って設計をすることも多いと思います。今回はそんなワイヤー制作に活用できるテンプレート「20 Free Web and Mobile Wireframe Templates」を紹介します。

mobilewebtemp_1
Anthony Aubertin @Noxdzine – iPhone wireframe ui set

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

詳しくは以下

(さらに…)

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

モバイル・web制作に活躍するPSD UIキット「Web and Mobile UI Kits with PSD Files for Designers」

スマートフォンデザインのモックアップ、web制作の企画・設計などを行う時、一からパーツのデザインを行っていると時間と手間がかかってしまうもの。今回はそんなシーンに活躍してくれるPSD UIキット「Web and Mobile UI Kits with PSD Files for Designers」を紹介したいと思います。

psdkit2013_1
Dribbble – Flat UI kit /.PSD Freebie/ by George Vasyagin

さまざまな箇所に使える多彩な種類のPSDファイルが多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:18  |  
Category: Design   
このエントリーをはてなブックマークに追加
2012年11月22日

WEBサイトとモバイルサイト制作の参考になるUIキットまとめ「40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers」

web制作の際には、ユーザビリティの高い設計に加え、視認性の高いデザイン素材を使用する事も重要。今回はそんなデザイン制作の際にチェックしたい、WEBとモバイルのUIキットをまとめた「40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers」を紹介したいと思います。


Passbook UI PSD from iOS6

シンプルなUIはもちろん、シーンに合わせて使いやすいUIデザインが、たくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2018年04月29日

周りと一歩差がつく!クリエイティブなポートフォリオサイト20選「20 BEST NEW PORTFOLIOS, APRIL 2018」

デザイナーの作品や仕事を綺麗にまとめてくれるポートフォリオ。最近ではWebを利用してポートフォリアサイトで作品を紹介する方も増えているようです。そんな中今回は、周りと一歩差をつけるクリエイティブなポートフォリオサイト20選「20 BEST NEW PORTFOLIOS, APRIL 2018」を紹介したいと思います。

PORTFOLIO_wp01
Explainer Video & Animation Company – Kasra Design

おしゃれなポートフォリオサイト作りを手助けしてくれるアイテムが20種類。中でも気になったものをいくつかピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
2011年11月23日

2011年にリリースされたjQueryベストプラグイン「Best jQuery Plugins of 2011」

制作には非常に便利なjQueryプラグイン、世界中で利用されているだけに、日々、様々なjQueryプラグインがリリースされています。今日紹介するのは2011年に公開されたjQueryプラグインを寄りすぐったまとめ「Best jQuery Plugins of 2011」です。


Isotope

様々なjQueryプラグインが公開されていますが、今日はその中から気になったプラグインを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:29  |  
Category: WebDesign   
2008年11月15日

雪、氷、クリスマス 冬に最適なphotoshopブラシセットを集めた「48 Snow, Ice, Snowflake and Christmas Brushes」

先日「雪の結晶を色々集めたベクターデータ集「Snow Flakes Vector Set」」という記事で様々な雪の結晶を集めたベクターデータ集を紹介しましたが、今回紹介するのは同じく、冬にピッタリな雪や、氷、クリスマス関連のphotoshopブラシを集めた「48 Snow, Ice, Snowflake and Christmas Brushes」です。


Glitter Photoshop & GIMP Brushes

全部で48ものブラシが公開されていますが、今回はその中から特に気になったブラシをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:19  |  
Category: Design , Photoshop   
2009年08月09日

ナビゲーションメニューのPSD素材「PSD website navigation menus set」

WEBを構成する要素で重要な要素の一つ、ナビゲーション。ユーザーが実際操作する所だけあってそのサイトの印象を決めると言っても過言ではない部分です。今日紹介するのはそんなシンプルなナビゲーションの素材をセットにしたPSD素材集「PSD website navigation menus set」を紹介したいと思います。

website-navigation-menu

基本的には同じ構成、配置になっていますが、ナビゲーションバーの中のイメージが微妙に変わっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:35  |  
Category: Design , Photoshop , WebDesign   
2016年01月30日

デスクトップのイメージ作成に便利な ブラウザのフリーモックアップ素材「10 Free Web Browser Mockups (PSD, AI)」

デスクトップ上でどのようにサイトやコンテンツが見えるのか?そのイメージ作成に便利なブラウザのモックアップ、今回はそのまとめとなる「10 Free Web Browser Mockups (PSD, AI)」が公開されていますので、紹介したいと思います。

webbrowser0
Dribbble – FREE!! Safari PSD by Alec Douglas

シンプルベースないろんなブラウザに応用できるものから、各社ブラウザに特化したデザインのものまで、厳選された10種のフリーモックアップが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:46  |  
Category: Design   
2008年02月10日

【FreeFont】様々な飾りFONTがダウンロードできる「West Wind Fonts」

今まで「13,000以上のフリーフォントを集めた「Search Free Fonts」」や「フリーピクセルフォント集「Semplice Pixelfonts」」と様々なフリーフォントサイトを紹介してきましたが、今回紹介する「West Wind Fonts @ typOasis」はシンプルな手書き風な物も公開されていますが、少し変わったフォントをダウンロードできるフォント配布サイトです。

gfonts01.gif

変わった書体は使いどころがなかなか難しい感じですが、デザインにアクセントを与えてくれそうなフォントが色々と公開されています。いくつか気になった書体をピックアップして下記に貼っておきます。

詳しくは以下

(さらに…)

続きを読む
posted 11:26  |  
Category: Design , Font   
tag: Design Font
2008年07月27日

40の美しいフォント集「40+ Extremely Beautiful FONT」

フリーフォントばかりではありませんが、deviantARTで公開されているFONTの中からピックアップした美しいフォント集をまとめたエントリーが今回紹介する「 40+ Extremely Beautiful FONT」です。


Bobel

クリエイティブが溢れるフォントを40紹介しています。今日はまとめられているフォント中からいくつかdesigndevelopが気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:25  |  
Category: Design , Font   
tag: Design Font
2011年09月20日

webデザインのアイデアソースとなるフリーwebデザインパーツ素材集「33 Useful Photoshop PSD Freebies for the Web」

決まった形式のないwebサイトデザインですが、ユーザーの使いやすさを考えたデザイン制作はとても重要だと思います。そこで今回紹介するのが、フリーのPhotoshopデザインパーツを集めた「33 Useful Photoshop PSD Freebies for the Web」です。


Clean and Sexy Form Elements ‹ ‹ 365psd365psd

ボタンデザインやフォームデザインをはじめ、webサイト制作に必須なさまざまなデザインが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:54  |  
Category: Design , Photoshop   
2014年07月15日

appleデバイスのモックアップを集めた「Exciting PSD Mockups for Apple Products」

appleのデバイスには、iMacを始め、iPadやiPhone、iPad miniなどさまざまなタイプの種類が存在しています。そんなappleデバイスのモックアップを集めた「Exciting PSD Mockups for Apple Products」を今回は紹介したいと思います。

applemoc0
iPad Mockup v.2 on Behance

いろいろなテイストのapple製品のモックアップがまとめられており、目的に応じて使い分けることができます。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2018年03月13日

知っていると便利なCSSで創るハーフトーンエフェクト「Pure CSS Halftone Effect」

モダンな雰囲気からスタイリッシュな雰囲気まで、幅広い演出をしてくれるハーフトーン。今まで画像としてWebサイトに取り込むことが多かったのではないでしょうか。今回ご紹介する「Pure CSS Halftone Effect」ではWebならではの動きを楽しむことができるエフェクトを通したハーフトーンになります。

PureCSSHalftoneEffect

美しい動きで視線を惹き付ける、ぜひ取り入れてみたいエフェクトとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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