TOP  >  Tablet

Tag : Tablet

2017年04月18日

プレゼンテーションにも最適な、フリーのタブレットモックアップまとめ「22+ Free Tablet Mockups For Your Presentations」

ノートPC代わりに持ち歩く人も多く、年々利用者が増加しているタブレット。Webデザインにおいても無視出来ない存在です。今回はそんなタブレット端末でデザインを見せるときに便利なモックアプまとめ「22+ Free Tablet Mockups For Your Presentations」を紹介します。

13-freebie-tablet-pc
Free Tablet PC Mock-up on Wooden Background For Graphic Designers

フルCGで作られたシャープなものから、写真ベースの温かみのあるものまで、多数のモックアップが揃っています。気になったものをピックアップしてご紹介しますので以下よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2008年07月11日

404ページのデザイン集「49 Nice And Creative Error 404 Pages 」

今まで、WEBデザインの細かい部分に絞ったデザイン集を「コメント部分のデザイン集「30 Must See Comment Designs」」や「日付表示のデザイン集と素材集「Gallery Of Date Stamps And Calendars」」などと紹介してきましたが、今日紹介するのは404ページのデザイン集「49 Nice And Creative Error 404 Pages」です。


HTTP 404 Not Found

通常404ページというのはエラーページであり、本来なら余り好ましくない所なのですが、「49 Nice And Creative Error 404 Pages」で紹介している404ページはクリエイティブ性が高く本来ならガッカリさせてしまうページを素晴らしい形で演出しています。今日はいくつか紹介されている中から気になるものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:07  |  
Category: WebDesign   
tag: webdesign
2014年05月08日

web・スマートフォンアプリ設計に役立つ ワイヤーフレームUIキット「18 Free UI and Wireframe Kits」

デザイン制作を行う際にはまず、全体の設計を行うためにワイヤーフレームを使って構成を考えることが多いと思いますが、本物のイメージにより近づけるため、また提案としてクライアントに提出するために、より現物に近いものをできれば作っておきたいもの。そんな時に役立つワイヤーフレームUIキット「18 Free UI and Wireframe Kits」を今回は紹介したいと思います。

ui140508_0

webやスマートフォンアプリの設計をスムーズに進めることができそうな、制度の高いワイヤーフレームが揃っています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:22  |  
Category: Design   
2009年06月09日

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

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

balsamiq

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

動画は以下から

(続きを読む…)

続きを読む
posted 10:31  |  
Category: WebService   
2008年02月16日

プレビューしながらテキストのCSSスタイルを簡単に設定できる「CSS Type Set」

CSSに慣れてくるとコードを見ただけでだいたいどんなように見えるかわかったり、その逆で、こんな風に見せたいと思ったことをコードにすることもできると思いますが、覚え立ての頃はそうは行きません。今回紹介する「CSS Type Set」は実際反映された後のデザインのプレビューとCSSのコードを同時に見ながら設定できるWEBサービスです。

CSSテキストスタイルジェネレーター

見た目をプレビューしながらテキストのスタイルを決めていけるので。自分の理想に近づけることも簡単で、横にCSSのコードが表示されているので、その見た目を自分のサイトに簡単に反映させることもできます。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:59  |  
Category: WebDesign , WebService   
2016年11月13日

アナログ感のある写真を表現するPhotoshopアクション「Anaglyph Photoshop Actions」

Photoshopなどもフォトレタッチツールで写真は撮影後、様々な表情を見せてくれますが、今日紹介するのはアナログ感のある写真を表現するPhotoshopアクション「Anaglyph Photoshop Actions」です。

analog

ただ綺麗にするだけでは無く、あえてアナログフィルムを現像したような版ズレや粒子などを表現したものとなっています。全部で15種類のフィルタがセットとなっており、様々な表情のアナログ感を表現できるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:21  |  
Category: Design , Photoshop   
2018年12月03日

雑誌のようにめくって閲覧できるアニメーションテンプレート「Page Flip Layout」

コンテンツをクリエイティブにデザインするために、アニメーションを用いたレイアウトを取り入れることはとても効果的です。今回は雑誌を読むようにページをめくって閲覧できるアニメーションテンプレート「Page Flip Layout」をご紹介します。

gazou2

ファッション雑誌のように美しく写真をレイアウトすることができ、アニメーション効果でデザインをリッチにすることができます。

詳しくは以下

(続きを読む…)

続きを読む
2013年04月24日

さまざまな屋根瓦が揃うルーフテクスチャまとめ「21 Free To Download Roof Textures For Your Designs」

日本国内でも東北地方と沖縄では住宅の形状が随分異なりますが、世界各国の気候や風土によっても、住宅の雰囲気も大きく異なると思います。今回はそんなさまざまな住宅の屋根瓦をクローズアップしたルーフテクスチャまとめ「21 Free To Download Roof Textures For Your Designs」を紹介したいと思います。


Castle Roof Tiles texture stock by *Khudozhnik-Stock on deviantART

カラフルで可愛らしい瓦から、年季の入った瓦まで、さまざまな屋根瓦テクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、まずは下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

デザイン性の高い100種のフリーフォントまとめ「The 100 best free fonts」

デザインのクオリティや良し悪しを決めるのに非常に重要な存在であるフォント。フリーで使用できるものも豊富に配布されていますが、数が多いだけにその中から最適なものを探そうと思うととても大変なもの。そんな時に参考にしたい、デザイン性の高い100種のフリーフォントまとめ「The 100 best free fonts」を紹介したいと思います。

font1015_0
Arkhip font

100種という豊富な種類のフォントがまとめられており、どれもデザイン性の高いものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:45  |  
Category: Font   
2011年07月20日

IllustratorでもPhotoshopでも使えるチェックパターン素材セット「10 Seamless Plaid Patterns for Illustrator and Photoshop」

デザインに利用する素材を探している時に、”せっかく良い素材が見つかったのに、使えるソフトが違って利用できない”という経験をされている方も多いはず。そこで今回は、IllustratorでもPhotoshopでも使えるチェックパターン素材がセットになった「10 Seamless Plaid Patterns for Illustrator and Photoshop」を紹介したいと思います。

明るめの柄からシンプルな柄まで、使いやすいチェックパターンが10種類もセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
2014年06月06日

フリーで利用できる さまざまなテイストで描かれたワークスペースイラストレーション「Free download: fun workspace illustrations from freepik.com」

仕事で作業をするワークスペース。人によって、また国によってさまざまなレイアウトだったり、ガジェットが置かれていたり個性で溢れる場となっていると思います。今回はそんなワークスペースがさまざまなテイストで描かれ、さらにフリーで使用できるイラストレーション「Free download: fun workspace illustrations from freepik.com」を紹介したいと思います。

workspace1

ポップなテイストのワークスペースイラストが、いろんなパターンで展開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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