デザインを開発するという視点でお伝えするクリエイティブBLOG
国内でもipad2が発売されて、ipadを活用する気運も再び高まっている業界もあると思いますが、今回紹介するのは、ipadアプリをデザインするためのテンプレートやワイヤーフレームを集めたエントリー「GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers」です。
iPad GUI Design Template Version 2 (PSD)
プレゼン用、本番用のデザイン用様々な形のテンプレート&ワイヤーフレームが集められています。今日はその中から幾つか下記になったものをピックアップして紹介したいと思います。
詳しくは以下
WEBサイトを制作するために作成するワイヤーフレーム。サイトの作りを決定する重要なものです。作り方は制作する人によって大きく変わると思うのですが、今日はワイヤーフレームをより簡単に作成するための素材キットを集めたエントリー「30 Fresh Web UI, Mobile UI and Wireframe Kits」を紹介したいと思います。
Website Wireframes Kit for Adobe Fireworks (.png)
手書き風のものから、キッチリ作られたものまで様々な素材キットが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
海外では絶大な人気を誇るCMSツールの一つWordpress。簡単に着せ替えるようにデザインを変えられるのが魅了ですが、かなり普及しているだけ合って、配布されているデザインテーマも多岐に渡ります。今日紹介する「Free WordPress Themes」はWordpressのテーマを集めたサイトです。
管理人の個人的な印象ですが、デザイン性が高く、インターフェイスも実用的なテーマと言う所に軸をおきながら、グラフィカルなものからシンプルなものまで幅広く100個以上のテーマが収録されています。今日はその中から特に気になったものをいくつか紹介したいと思います。
詳しくは以下
メールでの連絡が主流となっている現代では、名刺にもwebサイトにもアドレス表記やメールへの誘引は必須項目となっています。そんな中今回紹介するのが、ユーザーの目を惹きつけるクオリティの高いフリーメールアイコンをまとめた「30 Beautiful Free Mail Icon Sets」です。
（Industry mail Icon | Real Vista Business Iconset | Iconshock）
シンプルなデザインはもちろん、状況に応じた使い方ができるアイコンが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
限られたスペースを有効に利用するため、もっと魅力的に写真を見せるためにスライドショーを利用しているという方は非常に覆いと思いますが、今回紹介するのはCSS3で実現するクリエイティブなスライドショー集「CSS3 Image Galleries, Slideshows and Image Effects」。
Sliding Image Panels with CSS3
文字や、写真の動きなど、今までのスライドショーにはなかったギミックやエフェクトがCSS3によって実現されています。いくつかのスライドショーが公開されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
Fullscreen Background Image Slideshow with CSS3
フルスクリーンで展開するスライドショー。文字などのエフェクトがCSS3っぽいです。
CSS3 Lightbox
シャドウやフェードなど細かい部分にまでこだわったライトボックス。CSS3で処理されています。
CSS3 Loading Animation Loop 2 Set
CSS3で作られたローディングアニメーション。よく見るサークルなどではなくて独特の動きがクリエイティブ感を与えてくれます。
上記の他にも沢山のCSS3テクニックが公開されています。HTML5とCSS3で、なにか面白いものをと企んでいるWEBデザイナーの方は是非原文もご覧ください。
写真の加工などグラフィックデザインに欠かせないPhotoshop。様々な機能を卒なく使いこなせたら、更にデザインの幅も広がるのではないでしょうか。そんな中今回は、Photoshopの技術を高めてくれるハイクオリティなチュートリアル「30 Fresh New Photoshop Tutorials – Enhance Your Manipulation Skills」の紹介です。
Create a Pop Art Inspired by Roy Lichtenstein – PSD Stack
Photoshopの様々な機能を使って写真に処理を加える方法をチュートリアルしてくれる便利なサイトです。その中からいくつか気になったものを紹介したいと思います。
詳しくは以下
目前に迫った暑い夏への対策として、涼しげな雰囲気を感じられるデザイン制作に追われている方も多いのではないでしょうか？そんな中今回紹介するのが、夏に向けたデザインに使いやすい涼しげな雰囲気が表現できるテクスチャをまとめた「40+ Cool and Useful Ice Textures For Free」です。
iced VI by `Dan-Heffer on deviantART
氷の結晶をはじめ、清々しい水のテクスチャなど、夏向けのデザインに使いやすいテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインに欠かせないアイコン。いろいろなテイストのアイコンを揃えておけば、いざという時便利なのはわかっているけれど面倒で…という方におすすめなのが、今回ご紹介するまとめ「Noupe Exclusive: 350+ Free Icons For Our Readers」です。
なんと350点以上ものベクターフリーアイコンのaiデータが一括でダウンロードできる優れもの。テイストもシンプルベースなので使いやすいタイプのアイコンとなっています。
詳しくは以下
アイコン素材の中でもシンプルなテイストのアイコンは、いろいろなデザインに対応できるため非常に重宝します。そこで今回は、是非ストックしておきたいフリーミニマルアイコン「20 Free Minimalistic Icon Sets」を紹介したいと思います。
（Dribbble – Minimal line Icons by Vincent Tantardini）
ミニマルテイストの多彩な種類のアイコンが20種まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
アイコンにもいろいろな形が存在しており、特にサークル状のタイプは基本の形としてよく使用することが多いかと思います。そんな中今回紹介するのは、サークル状のデザインフリーアイコンまとめ「35 Free And Fresh Round Icons Designers Should Have」です。
Dribbble – Free Icon Pack – Volume 1 by Robin Kylander
ソーシャル系の定番アイコンから、ちょっと変わった表現のものまで、さまざまな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
背景素材として活躍するテクスチャや、複雑なグラフィック表現。完成されているものも便利ですが、時にはオリジナルで作成したいこともあるのではないでしょうか。今回はそんな時に参考したい、テクスチャ画像やグラフィック表現のPhotoshopチュートリアル「20 Free Texture Photoshop Tutorials」を紹介したいと思います。
Photoshopを使って、いろいろなテクスチャ表現の手法が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBデザイナーやWEB開発者なら一度は苦悩するブラウザの違いによるレイアウトの問題や形式の問題。業務の上で一つの障壁ともなり得ない問題です。今日紹介するのはそんなブラウザ間の表示に対しての問題を解決してくれるjavascriptを集めたエントリー「8 Javascript solutions to common CSS problems」を紹介したいと思います。
透過pngによる背景の問題だったり、カラム間の高さの問題などなど、レイアウトに関して起こりうる問題を簡単なjavascriptで回避する方法を示しています。今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
