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   
このエントリーをはてなブックマークに追加

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

2016年12月19日

細部まで表現されたフリークリスマスアイコンパック「Free Christmas Icon Pack」

いよいよ12月の後半にも入り、もう今週はクリスマスとなり、パーティーの準備などを行っているという方も中には見えると思いますが、今日紹介するのは細部まで表現されたフリークリスマスアイコンパック「Free Christmas Icon Pack」です。

ci_01

シルエットなどでは無く、一点一点ベクターアートで作り込まれており、アイコンとしてだけでは無く、イラストとしても利用できそうなアイコンセットです。

詳しくは以下

(さらに…)

続きを読む
posted 11:45  |  
Category: Design , vector   
2012年03月19日

イースターを表現したフォントまとめ「20 Free Easter Fonts in One Place」

日本でも少しずつイベントとして注目されるようになってきたイースター(復活祭)。イースターエッグやウサギなどのキャラクターも定着しつつあるのではないでしょうか。そこで今回紹介するのが、イースターを表現できるフォントをまとめた「20 Free Easter Fonts in One Place」です。


KG Hippity Hop font by Katz Fontz – FontSpace

イースターの象徴でもある卵とウサギをモチーフにした、可愛らしいフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:48  |  
Category: Design , Font   
2009年06月09日

モックアップをドラッグ&ドロップで簡単に作成できる「Balsamiq Mockups」

デザインの変更の手間を防ぐ為にWEB制作時にはコーディングしていないモックアップをデザイン案として見せるのが主流だと思います。今日紹介するのはラフなモックアップをドラッグ&ドロップで簡単に作成できるWEBツール「Balsamiq Mockups」です。

balsamiq

パーツをおいていくような感覚で簡単に作成できます。実際「Balsamiq Mockups」を使って制作しているイントロムービーがYouTubeにアップロードされていましたので、下記に貼付けておきます。

動画は以下から

(さらに…)

続きを読む
posted 10:31  |  
Category: WebService   
2017年11月11日

ECサイト運用のための便利なサービス14選「14 Best ECommerce Options for Designers」

年齢を問わずさまざまな人たちが利用するネットショッピング。クリック1つで簡単注文できるのでとても便利ですが、使いやすさが追求されたサイトを一から構築していくのはとても大変な作業です。そんな時に参考にしたい、多くの人が活用するECサイト運用のための便利なサービス14選「14 Best ECommerce Options for Designers」を今回は紹介します。

ECommerce01
eCommerce Open Source | Free eCommerce Website | Magento

用途に合わせて活用できるアイテムが揃っています。気になったものをいくつかピックアップしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2014年05月30日

アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」

一口にアイコンといっても、フラットタイプや立体感のあるリアルなタイプなど、いろいろなテイストのものが存在していますが、今回紹介するのは、アウトラインデザインのフリーアイコンセットまとめ「1000+ Free Outline Stroke Icons For Designers」です。

icon140530_1
Dribbble – Free Icon Set by Catalin Fertu

ラインで描き出されたアイコンセット、いろいろな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

フラットテイストなグラフィックフリー素材まとめ「35 Free Flat Graphics and Web Elements for Designers」

今や、多くのwebサイトやグラフィック、アプリケーションのUIはフラットなデザインがメイン。無駄を省いたシンプルな見た目が、使いやすさや見やすさにも大きく影響しているようです。そんな中今回は、フラットテイストなグラフィックフリー素材まとめ「35 Free Flat Graphics and Web Elements for Designers」を紹介したいと思います。

Flatgraphics01
Flat Workspace Illustrations by GraphBerry – Dribbble

フラットな質感であり、さらに高いクオリティやデザイン性を感じさせてくれる素材が揃っています。幾つか気になるものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2017年09月23日

ベクターデータで使える60種類のトラベルアイコンセット「TRAVEL ICONS SET」

UI性を向上させるために効果的なアイコン。数多くあるアイコンの中でも、今回は“旅行”に焦点をあててまとめられたアイコンセット「TRAVEL ICONS SET」をご紹介していきたいと思います。

TRAVEL_ICONSET_top

使いやすいフラットなストロークアイコン。シンプルに構成された分かりやすいデザインが魅力の素材となっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
2015年09月27日

ミニマルデザインでさまざまなテイストに対応する フリーアイコンセット集「20 Free Icon Sets For Minimalistic Designs」

アイコンの中でも、ミニマルテイストなタイプは、いろいろなデザインに活用でき非常に便利な存在。種類豊富にそろえておけば、心強い味方となってくれます。今回はそんなミニマルデザインなフリーアイコンセット集「20 Free Icon Sets For Minimalistic Designs」を紹介したいと思います。

icon09271_3
Freaks

いろいろなテーマのアイコンが紹介されており、どれもダウンロードしておきたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2015年08月24日

フリーで使用できるテクスチャ23種まとめ「23 Free Textures for your Projects」

デザインの背景処理などに使用するテクスチャ。種類もテーマも、いろいろな種類のものがありますが、今回紹介するのは、フリーで使用できるテクスチャ23種まとめ「23 Free Textures for your Projects」です。

23textures_4
wood texture by LinoNatsumi on DeviantArt

厳選された23種類の、デザイン性の高いテクスチャがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:06  |  
Category: Design   
2016年04月15日

軽量でクリエイティブなツールチップjs「POPPER.JS」

補足やアクセントなど色々なシーンで使えるツールチップ。今回紹介するのは様々な動きの制御が簡単にできる、軽量でクリエイティブなツールチップjs「POPPER.JS」です。

popper01

javascript自体は3.5KBと非常に軽量で、実装方法もjavascriptに普段触れている人であれば簡単に制御が可能です。

詳しくは以下

(さらに…)

続きを読む
posted 09:48  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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