TOP  >  webdesign

Tag : webdesign

2008年11月26日

WEBデザイナー必携の15のブックマークレット「15 Must-Have Bookmarklets」

定期的に利用するサービスにおいて非常に便利なブックマークレット。様々なサービスで様々なブックマークレットが公開されていますが、今日紹介するのはWEBデザイナー、WEBデベロッパーには欠かせないブックマークをまとめたエントリー「15 Must-Have Bookmarklets For Web Designers And Developers」から必須の15のブックマークレットを紹介したいと思います。


WTFramework – Learn JavaScript Framework Used

構築から、調査、まで様々なWEBデザイン、開発に役立つブックマークレットが公開されていましたので、いくつか下記に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 07:11  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2008年11月17日

コンテナをテーマにしたフリーデスクトップアイコン「Container Icons 」

電車だったり街中だったりさま様々ですが、日本でもたまに見かけるコンテナ。今日紹介するのはコンテナをテーマにしたフリーデスクトップアイコン「 Container Icons 」です。アイコンは全部で40種類収録されており、カラフルに表現されています。

デスクトップで使用することを前提として作成されていますので、各々のコンテナにはAdobe製品をはじめとする様々なアイコンが用意されています。

詳しくは以下

(さらに…)

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

シンプルで実用的なアイコンセット集「The Most Usable Web Icons Available」

アイコンのデザインというのはとても難しい物で、シンプルでそしてわかりやすく、複数あるならすべてテイストを揃えなければ行けません。もしアイコンを自作するのになれていないのであれば、フリーで使えるアイコンセットを見つけるのが得策かも知れません。今日紹介するのはシンプルで実用的、尚かつフリーで使えるアイコンセットを集めたエントリー「The Most Usable Web Icons Available…and FREE」です。

様々なアイコンセットが紹介されていて、最後の方にはゲーム関係のアイコンセットもオマケとしてつけられていました。

詳しくは以下

(さらに…)

続きを読む
posted 04:55  |  
Category: WebDesign   
tag: webdesign
このエントリーをはてなブックマークに追加
2008年11月09日

美しいアイコンセットを集めた「40+ Extremely Beautiful Icon Sets」

デスクトップからインターフェイス、WEBデザインまで様々な用途で使えるアイコン。そんなアイコンをまとめたエントリーが今回紹介する「40+ Extremely Beautiful Icon Sets Hand-picked from deviantART」です。このサイトはあらゆるジャンルのクリエイター達のコミュニティ「deviantART」からピックアップしてきたものだそうです。


Aeon

管理者さんが直接ピックアップしているみたいなので、好みがでていて立体的なアイコンが多いです。今日はその中から気になったアイコンをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:41  |  
Category: WebDesign   
tag: webdesign
このエントリーをはてなブックマークに追加
2008年11月08日

様々なタイプのWEBデザインのチュートリアル集「35 Tutorials for Creating Website Layouts in Photoshop」

WEBデザインと一口にいっても、WEBサイトにも様々な目的があり、それに合わせたWEBデザインが存在しますが、今回紹介する「35 Tutorials for Creating Website Layouts in Photoshop」では様々なタイプのWEBデザインのチュートリアルが紹介されています。


Create a Sleek, High-End Web Design from Scratch

基本的にはphotoshopを利用してのWEBデザインチュートリアルが紹介されています。様々なチュートリアルが紹介されていますが、今回はその中から、いくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:25  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2008年11月07日

商用化!様々なグラフを収録したフリーグラフアイコン集「The Graphs: A Free Icon Set」

統計などのデータを表す際、使われるグラフ。グラフと一口に言っても棒グラフ、折れ線グラフ、円グラフなど様々なグラフが存在しますが、今日紹介するのはそんなグラフのアイコンを集めたフリーアイコンセット「The Graphs: A Free Icon Set」を紹介したいと思います。

アイコンは32px〜512pxまでのpngデータが収録されていて、それとは別に、3D Studio Maxのソースファイルも合わせて配布されています。収録されているアイコンは全部で18種類で、様々なグラフアイコンが収録されています。

詳しくは以下

(さらに…)

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

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

2012年05月17日

さまざまなシーンに対応できるテクスチャパックまとめ「45+ Free Texture Packs」

デザイン制作の現場に欠かせないテクスチャは、微妙なニュアンスの違いによってデザインの雰囲気が大きく変わるもの。そこで今回紹介するのが、さまざまなシーンに対応できるテクスチャパックをまとめた「45+ Free Texture Packs」です。


Free Totally Rusty Metal Textures | All Things Illustration and Design Resources – SDWHaven

シンプルな紙素材から個性溢れる素材まで、さまざまなテクスチャパックが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:08  |  
Category: Design   
2010年09月10日

CSS3で作るアナログ感たっぷりの立体ボタン「BonBon Buttons – Sweet CSS3 buttons」

WEB制作業界ではすっかりおなじみのキーワードとなってきたCSS3。ブラウザの対応も進んでいて、そろそろ手を付けていこうというかたも多いかと思います。今日紹介するのはCSS3を駆使して、立体的でアナログ感のあるボタンを作るプロジェクト「BonBon Buttons – Sweet CSS3 buttons」です。

シャドウと立体感と角丸などCSS3ならではの機能をふんだんに利用してボタンを作っています、見た目だけではなくて、クリックした時の動作感などもこだわっていて、表現だけではないリッチなボタンになっています。

詳しくは以下

(さらに…)

続きを読む
posted 01:09  |  
Category: WebService   
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   
2013年07月16日

デザイン性の高いポートフォリオサイトのインスピレーション集「200 Portfolio Sites for Web Design Inspiration」

自身で制作した作品をまとめて掲載し紹介するポートフォリオサイトは、掲載する作品だけでなく、ベースとなるサイトのデザインにもこだわりたいものです。今回はそんな時に役立つ、デザイン性の高いポートフォリオサイトのインスピレーション集「200 Portfolio Sites for Web Design Inspiration」を紹介したいと思います。

port3
Charli Prangley

作品をより良く見せてくれるデザインのポートフォリオサイトデザイン例が多数紹介されています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:26  |  
Category: WebDesign   
2012年01月12日

表現力の幅が広がるPhotoshopブラシセットまとめ「50+ New and Free Photoshop Brush Packs」

デザインワークの広がりに欠かせないPhotoshopブラシは、さまざまなテイストに合わせて利用できるようストックしておきたいもの。そこで今回紹介するのが、比較的最近発表された、表現力の幅が広がるPhotoshopブラシセットをまとめた「50+ New and Free Photoshop Brush Packs」です。


Grass and Plant SET 3 PS by *FrostBo on deviantART

自然のある風景を再現できるブラシから、特徴的なラインを表現できるブラシまで、さまざまなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:36  |  
Category: Design   
2012年01月28日

シンプルなiphone,ipad,ブラウザのワイヤーフレーム用テンプレートセット

皆さんはサイトを設計する際にどのようなフローを行っているでしょうか?今日紹介するのはサイト構築の初期の設計時に利用できる、シンプルなiphone,ipad,ブラウザのワイヤーフレーム用テンプレートセットを紹介したいと思います。

www.mrare

それぞれのテンプレートでプロジェクトネーム、スクリーンネーム、ノートなど実務で利用しやすいようなテンプレートになっていて。実機。ブラウザの部分にはドットなども入れられており、制作者サイドにたった校正となっています。その他のテンプレートは以下からご覧ください。

詳しくは以下

rarepad-ipad-2

www.mrare-1

こちらはiphone,ipad,ブラウザの三種のテンプレートがセットになっていて、pdfで配布されておりますので、印刷して利用するのも便利です。ワイヤーのラフを書く際にもっとイメージを実機やブラウザに近づけた状態で行いたいという方は是非どうぞ。

iPhone, iPad & Browser Wireframe Templates | Calgary Web Design & iPhone App Development by Mediumrare

続きを読む
posted 08:54  |  
Category: WebDesign   
2009年03月03日

psd+XHTMLでWEBサイトを構築するチュートリアル43選

皆さんはWEBサイトを制作する時にどんな手順を踏んでいるでしょうか?制作会社さん、個人によってもその方法は様々だと思いますが、今回紹介する「43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation」はphotoshopでデザインされたモックアップをXHTMLとCSSで組み上げていくまでのチュートリアルを集めたエントリーです。

cssxhtmlpsdtips01
How To Create a Horizontally Scrolling Site

全部で43個と様々なWEBサイト構築のためのチュートリアルが紹介されていますが、いくつか気になったWEBサイトのチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:48  |  
Category: WebDesign   
2011年11月01日

グリーンを基調にしたwebデザイン集「20 Creative Web Design in green Color」

webページを作る際には、コンセプトカラーを決めデザイン制作をするということも多いのではないでしょうか?そんな時は、カラーの特徴を押さえたデザインを参考にしたいもの。そこで今回は、さまざまなイメージカラーの中から、グリーンを基調にしたwebデザインをピックアップした「20 Creative Web Design in green Color」を紹介したいと思います。


Entrepreneur & Startup Expert Q&A, Resources and News | Sprouter

グリーンを使用することで、エコなイメージや爽やかさを感じられるwebサイトが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2012年10月25日

レトロカワイイ雰囲気を表現できるパターンまとめ「A Collection of Retro and Vintage Patterns for Photoshop」

時代は繰り返すというのはデザインでも同じで、70〜80年代のレトロなデザイン感も今、多くの場で好まれています。そんな中今回紹介するのが、レトロカワイイ雰囲気を表現できるパターンまとめ「A Collection of Retro and Vintage Patterns for Photoshop」です。


6 Vintage Textile Patterns – Free Photoshop Brushes at Brusheezy!

和テイストなパターンから、ポップで可愛らしいパターンまで、さまざまなパターン素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:22  |  
Category: WebService   
2017年02月06日

Photoshopで使える映画のような写真を創るためのアクションセット「12 Free Cinematic Photo Effect Actions」

多くのクリエイターに利用されているフォトレタッチソフトPhotoshop。非常に高機能なソフトウェアで写真にまつわることであれば習熟すれば何でもできるといっても過言では無いほどのものですが、今回紹介するのはそんなPhotoshopのテクニックを簡単に利用できるアクションを利用した、Photoshopで使える映画のような写真を創るためのアクションセット「12 Free Cinematic Photo Effect Actions 」です。

cinematic-photoshop-actions01

通常の生っぽいスナップのような写真から映画で見るようなワンシーンに加工してくれるアクションがまとめられています。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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