TOP  >  mugcup

Tag : mugcup

2017年10月06日

実際のイメージに近いものを提案できる15種類のマグカップモックアップ「15 Absolutely Free Mug Mockups That Stand Out」

紙媒体やWebサイトの提案でも欠かせないモックアップですが、オリジナルの商品を提案する際には、更に重要な役割を担っているように思います。カラーパターンであったり、形の違いで同じデザインであってもイメージが全く変わるもの。今回は、より実際のイメージに近いものを提案できる15種類のマグカップモックアップ「15 Absolutely Free Mug Mockups That Stand Out」を紹介します。

mugcup01

様々な形や質感のマグカップのモックアップ素材が揃っています。

詳しくは以下

(さらに…)

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

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

2014年10月09日

徐々に色が変化する背景作成が簡単にできるジェネレーター「CSS Gradient Animator」

webサイトの背景やメインビジュアルなどに、グラデーションの美しい色を使用することもあると思いますが、美しい色合いを作り出すのは意外に難しいもの。今回はそんな時に便利に活用できる、徐々に色が変化する背景作成が簡単にできるジェネレーター「CSS Gradient Animator」を紹介したいと思います。

gradient

2色の好きな色を設定するだけで、非常に簡単にグラデーションカラーを作り出すことができるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:04  |  
Category: WebService   
2015年04月16日

必ず役立つ素材が見つかる デザイナーのためのリソースまとめ「What’s new for designers,」

デザイナーが常にアンテナを張っておきたい新しい素材の数々。しかし膨大すぎてどれを使って良いか迷ってしまうこともあるのではないでしょうか?そんな時に活躍してくれる、デザイナーのためのリソースまとめ「What’s new for designers,」を今回は紹介したいと思います。

designer1
UXTree – Video courses for designers | Home

さまざまな種類の、いろんな状況に合わせて使える素材やリンクの数々が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

オフィス・ビジネス系デザインで活用できるフリーアイコンセット「Office Icon Set」

たくさんあるフリーアイコンの中でも、ビジネスシーンをイメージしたアイコンは利用頻度が高い部類に入ると思います。今回はそんな、オフィス・ビジネス系デザインで活用できるフリーアイコンセット「Office Icon Set」を紹介したいと思います。

businessicons

40種という厳選された数ですが、他のオフィス・ビジネスアイコンとはちょっと差を出したい時に利用したい、個性的な描写のアイコンが揃っています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2014年11月12日

タスク進行状況をデザイン的に演出する フリープログレスバー「26 Free Progress Bar Interface PSDs」

現在のタスクがどれだけ進行しているかを視覚的に表示してくれるプログレスバー。webサイトの読み込みやダウンロード状況などを知る際には欠かすことができない存在となっています。今回はそんなプログレスバーのフリーで使用できるものを集めた「26 Free Progress Bar Interface PSDs」を紹介したいと思います。

bar1112_1
Eye Candy Percentage Bar PSD Freebie | The Finished Box

デザイン演出がされていないことが多いプログレスバーをグラフィカルに表現したpsd素材がまとめられています。

詳しくは以下

(さらに…)

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

いろいろな種類が充実したフリーアイコンセット「A Refreshing Collection Of Free Icon Sets」

便利に利用できるデザインアイコンは、たくさん持っておけばさまざまな表現に活用することができるため、とても重宝する存在。そんな中今回紹介するのは、いろいろな種類が充実したフリーアイコンセット「A Refreshing Collection Of Free Icon Sets」です。

icon140312_1
Dribbble – freebie_2X.png by Jared William Kennedy

フラットタイプから、立体的な表現が印象的なものまで、多彩な種類が紹介されています。

詳しくは以下

(さらに…)

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

知っておいたほうが良いCSS3テクニック「CSS3 Techniques You Should Know」

CSS+XHTMLでのコーディングスタイルが主流になってかなり建ちますが、さらに新しい、CSS3という言葉も最近は耳にするようになってきました。CSS3を使えば、今まで画像でしかどうしても表現できなかった部分等もコードで実装可能になりますが今日はそんなCSS3のテクニックをあつめたエントリー「CSS3 Techniques You Should Know」を紹介したいと思います。

css3-01

グラデーション表現や、ドップシャドウなどなど、いままでどうしても画像に頼っていた部分がかなり解決されるみたいです。紹介されているものノン蚊からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:02  |  
Category: WebDesign , WebService   
tag: CSS webdesign
2013年07月20日

ミニマルデザインサイトのインスピレーション30「30 Beautiful Minimalist Web Designs」

究極なシンプルをテーマにデザインされるミニマルデザインサイト。要素が限られるだけに、バランスやどんな要素やグラフィックを取り入れるのかがとても重要になってくる、ある意味難しい種類のデザインでもあります。今回はそんなミニマルサイトをデザインする際に是非参考にしたいインスピレーション30「30 Beautiful Minimalist Web Designs」を紹介したいと思います。

minimal1
Alistair Lane

シンプルかつクオリティの高さを感じさせるデザイン事例30種がまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:31  |  
Category: WebDesign   
2017年05月02日

スクロールで変化する、美しいWebGLを実装する為のソース「WebGL Scroll Spiral」

WEB上で3Dアニメーションやオブジェクトを表示できる技術WebGL。今回ご紹介するのはそんなWebGLを使った、美しいマウススクロールアニメーションをまとめた「WebGL Scroll Spiral」です。

WebGLScrollSpiral_1

万華鏡のような美しいデザインから、抽象的なモーショングラフィックまで多様なデザイン、全8種類のデモを公開しています。

詳しくは以下

(さらに…)

続きを読む
2008年08月15日

13000個以上収録!フォント専門検索エンジン「Search Free Fonts」

前回「フリーフォント配布サイトのまとめ「Top 28 Free Font Directory Resource Sites」」と言う記事でも少し触れましたが、今回紹介するのはフォント専門の検索エンジン「Search Free Fonts」です。

この検索サービスでは13000個以上のフリーフォントの中からフォントを検索できると言うWEBサービスです。検索以外にもフォントはカテゴリーからも検索できるようになっており、カテゴリーは3Dフォント、スクリプトフォントなどわかりやすくカテゴリー分けなので、普通のフリーフォントサービスとしても違和感なく利用できます。

詳しくは以下

(さらに…)

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

配色、色選びに役立つランダムカラージェネレーター「Got Color?」

デザイン上での配色と言うのはとても難しい物でセンスが問われる部分でもあります。デザイナーの中でも、配色や色の組み合わせがどうも苦手だという方もいるかと思います。今日紹介する「Got Color?」は配色や色に対してインスピレーションを得る為のカラージェネレーターです。

アクセスするとカラーブロックが表示され、アクセスするたびに出力される色が異なります。カラーブロックの中央にはコードが表示され簡単に利用できるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:11  |  
Category: Design , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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