TOP  >  mobile

Tag : mobile

2018年07月18日

デザイナーのための フリーAdobe XD用UIキット20種「20 Free Adobe XD UI Kits for Web & Mobile App Designers」

数年前まで、UIデザインはPhotoshopとSketchを中心に行われていましたが、2017年に正式リリースをしたAdode XDが着実にアップデートを重ね、新たなUIデザインツールとして頭角を表してきています。今回は、WEBやUIデザインに役立つ、Adobe XDのUIキットを20種をまとめた「20 Free Adobe XD UI Kits for Web & Mobile App Designers」をご紹介します。

adobexd_ui_05
Free Adobe XD Collaboration App by Edwin Delgado – Dribbble

どのキットも、無料で利用できるので、チェックしておくと重宝してくれそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
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   
このエントリーをはてなブックマークに追加
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   
このエントリーをはてなブックマークに追加

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

2014年05月05日

定番フォントとして知っておきたい サンセリフフォントまとめ「20 Free Sans Serif Fonts Every Designer Should Have」

文字の線の太さが一定で作り出されているサンセリフフォント。シンプルでどんなデザインにもマッチしやすいことから、定番フォントとして活用されています。そんなサンセリフフォントをまとめた「20 Free Sans Serif Fonts Every Designer Should Have」を今回は紹介したいと思います。

sunfont1
Free Font TeX Gyre Adventor by GUST e-foundry | Font Squirrel

サンセリフフォントの中でも、洗練さやデザイン性を持った種類が豊富にまとめられています。

詳しくは以下

(続きを読む…)

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

テキストデザインを魅力的に見せてくれるテキストエフェクト25まとめ「25 Insanely Creative Text Effects You Can Use For Free!」

メインビジュアルや見出しを作るときなど、打ち文字だけでは物足りない…そんな物足りなさを補ってくれる、テキストエフェクトをまとめた「25 Insanely Creative Text Effects You Can Use For Free!」を今回は紹介いたします。

creative-text-effects1

シンプルで使いやすいエフェクトから、特殊な表現に使える質感が作り込まれたものまで多数のエフェクトが紹介されています。幾つか気に入ったエフェクトをご紹介しますので、ご覧ください。

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

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

【FreeFont】女性の手書き風ひらがなフォント「アイコ」と「はるか」

綺麗な設計されつくされた書体も美しく、読みやすく良いのですが、やはり人間の温かみを感じられる手書きも独特の魅力があります。今日紹介するのは手書き風のひらがなフォント「アイコ」と「はるか」です。

aikoharuka.gif

めちゃくちゃやわらかく、くだけた感じではなく、適度な手書き感を残しながらも、手書きの良さがわかるそんなフォントだと思います。どちらかというと「アイコ」の方が堅い感じを受けます。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:34  |  
Category: Design , Font   
tag: Design Font
2013年02月02日

バレンタイン用デザインに活用できるフリーベクター素材「Freebie: Valentines Vector Pack」

日本では特に非常に盛り上がる、1年に一度のイベント・バレンタインデー。広告・web業界でもバレンタイン用のデザインが制作される機会も多いと思います。そんなシーンに活用できるベクター素材「Freebie: Valentines Vector Pack」を紹介したいと思います。

フリーで活躍するデザイナー・ Sam Jones氏よって制作された、バレンタインの雰囲気をいろいろなパーツで表現したフリーベクターデータとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:03  |  
Category: Design , vector   
2008年09月08日

フリーの音源がダウンロードできるサウンドライブラリ「pdsounds free sound library」

音は時と場合によりますが、受ける印象をより豊かにしてくれます。今日紹介するのはフリーのサウンドがダウンロードできるWEBサイト「pdsounds | free sound library」です。

公開されているのはノイズ音やモータ音、水の音など様々で、様々な音源が公開されています。音源はタグによって検索できたり、キーワード検索もできるようになっています。また最新の音源情報をRSSにて取得することもできるようになっています。

(続きを読む…)

続きを読む
posted 08:18  |  
Category: WebService   
2015年02月17日

ひび割れた質感でデザインをクールに演出できるテクスチャ「7 Free Cracked Paint Textures」

非常に膨大な種類が存在するテクスチャ。webでも紙のデザインでも同様に多用する素材のため、たくさんストックしているデザイナーの方も多いのではないでしょうか?そんな中今回紹介するのは、ひび割れた質感でデザインをクールに演出できるテクスチャ「7 Free Cracked Paint Textures」です。

cracked1

冷たげ質感がデザインをきゅっと引き締めてくれる、ひび割れの雰囲気に味のあるテクスチャが7種類紹介されています。

詳しくは以下

(続きを読む…)

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

WEB上のボタンをひたすら集めたタンブラー「House of Buttons」

WEBデザインには欠かすことが出来ないボタン。ユーザーインターフェイスに直結する部分なだけに、重要な要素の一つです。今回紹介するのはWEB上で実際使われているボタンをひたすらポストしているタンブラー「House of Buttons」です。

houseofbtn01

検索ボタンから、支払いボタン、Twitterへの追加ボタンなどなど、様々なボタンが公開されています。公開されているボタンをいくつかまとめて下記に紹介いたします。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:13  |  
Category: WebDesign   
2017年07月12日

WordPressの最新フリープラグインまとめ「10 Fresh and Free Plugins for Your WordPress」

WordPressには様々なプラグインがあり、再現したい状況に合わせて、いろいろ試し、使用されている方も多いのではないでしょうか。そんな中今回紹介するのは、WordPressプラグインの中でも最新のものがまとめられた「10 Fresh and Free Plugins for Your WordPress」です。

plugin_top
Contact Form 7 Multi-Step — WordPress Plugins

新しい便利なプラグインがまとめられています。いくつかピックアップいたしましたのでご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: plugin , WordPress   
2015年09月13日

魅力あふれるベクター形式のフリーデザインバナー集「30 Vector Banner Freebies」

デザインに強調したい部分がある時、ECサイトなどでピックアップ情報を表示したい時などに利用すると効果が高まるバナー。自身でデザインに合わせて作ってももちろん良いのですが、今回はフリーで利用できる、魅力あふれるベクター形式のフリーデザインバナー集「30 Vector Banner Freebies」を紹介したいと思います。

banner0913_0
Mesh banners template Vector | Free Download

さまざまな形状のベクターバナーがピックアップされ、紹介されています。気になったものを以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:30  |  
Category: Design   
2009年10月20日

フォームのためのjQuery集「10+ jQuery Form Enhancement Plugins」

ユーザーとのコミュニケーションに一般的に使われているフォーム。メールフォーム、アンケートフォーム、会員登録と幅広い使われ方をしていますが、今回紹介するのはそんなフォームを快適にしてくれるフォームのためのjQuery集「10+ jQuery Form Enhancement Plugins」を紹介したいと思います。

formjquery01

フォームをちょっと便利にしてくれるそんなテクニックが詰まっています。エントリーに収録されているモノのから気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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