デザインを開発するという視点でお伝えするクリエイティブBLOG
iOSの大型アップデートがあり、フラットデザインへの大幅なUI変更が話題を呼びました。そしてその波はiPhoneアプリにも及んできています。今回紹介するのはインスピレーションを得ることができる美しいフラットデザインiPhoneアプリ集「23 Flat Design iPhone Apps」です。
Dribbble – Musix App – Albums by Scardi Shek
どれもシンプルで美しい、バランスのとれたUIたち。全部で23ものアプリがまとめられていましたが、その中でも気になったものをピックアップしましたので、下記よりご覧ください。
自分自身を表現するシーンで自分の分身となるアバター。様々なタイプのアバターが世の中には溢れていますが、今回紹介するのはベクターデータで配布されている、かわいいアイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)」です。
このアイコンセットは全部で50種類ものアイコンがセットとなっており、雲や紅葉、りんごなど秋を感じるアイコンがセットになっています。
詳しくは以下
最近ではクラウドコンピューティングを用いたシステムを利用して、いつでもどこでも仕事ができる体勢を整えている方も多く、そのようなサービスを提供しているサイトも少なくありません。そんな中今回は、クラウドサービスアイコンを制作する際のヒントとなる、表現力の高いクラウドアイコンをまとめた「50+ beautiful cloud icons」を紹介したいと思います。
Dribbble – weather icons by matt yow
シンプルなクラウドマークをはじめ、デザイン性の高いアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
Web上で写真を見せる定番の手法のひとつ、スライドショー。コンテンツを見せるのに利用したり、メインビジュアルに利用したり…とても活用幅が広く便利な存在です。今回ご紹介するのはそんなスライダーを、よりクリエイティブに見せてくれる変則的なスライドショー「CSS Grid Layout Slideshow」です。
グリット上に並べられた複数のイメージを、一気に切り替えることができる美しいスライドショーのフリーCSSソースです。
詳しくは以下
ブログの更新など、何かと便利なWordPress。Web制作に積極的に取り入れている方も多いのでは？今回ご紹介するのは、そんなWordPressを使ったハイクオリティなテーマをまとめた「25 Free Responsive WordPress Themes For Every Website」です。
Illdy – Free One Page WordPress Business Theme – Colorlib
Webデザインに役立つレスポンシブなフリーのWordPressテーマが、25種類もまとめられています。そのなかから更に、おすすめのテーマを選んでご紹介しますので是非ご覧ください。
詳しくは以下
(さらに…)
デザインを制作する際、すべて自作できれば良いのですが、手の混んだ表現を作るのにはそれなりに時間がかかります。そんな時は、グラフィック素材をうまく利用して、時間を短縮しながらデザインのクオリティを上げるのも、一つの方法です。今回は、スプレーで描いたようなグラフィティアート風の素材「Spray Art Graphics Toolkit」をご紹介します。
シンプルな形ですが、スプレー独特の質感があり、密度を出したい時にうまく利用できそうです。
詳しくは以下
デザイナーにとって必要なスキルは幾つかありますが、中でもPhotoshopの操作は必須。今回はそんなPhotoshopでのWEB制作のチュートリアルがまとめられた「35 High Quality Photoshop Web Design Tutorials」を紹介したいと思います。
How to Make a Light and Sleek Web Layout in Photoshop
基本的な枠組みから手の込んだサイトまで、35種類のチュートリアルが集約されています。
詳しくは以下
ドットなどで作られたミニアイコンは複雑な情報を小さくまとめてくれる優れもの。しかしその小ささ故に一から作るのは意外と大変です。今回ご紹介するのは、そんなミニアイコンのフリー素材をまとめた「15 Small Mini Icon Sets for Your Web Projects」です。
108 Mono Icons: Huge Set of Minimal Icons | Tutorial9
ドットで描かれたものからベクターの滑らかなラインで制作されたものまで、多数のフリーアイコンがまとめられています。今回はその中から個人的に気になったミニアイコンを3つ選んでみましたので、是非ご覧ください。
詳しくは以下
(さらに…)
photoshopで補正だったり、サイズ変えだったり反復的な作業をする時に非常に役立つアクション。業務でphotoshopを使っている方は、業務に合わせてアクションを作っていたりするかと思いますが、今日紹介する「The Ultimate Collection Of Useful Photoshop Actions」は便利なphotoshopアクションを多々紹介するエントリーです。
厳選された写真の補正・加工系の様々なジャンルのアクションが公開されていますが、今日はその中からいくつか気になったアクションを紹介したいと思います。
詳しくは以下
多くのwebサイトで取り入れられているHTML5。魅力的な動きやレイアウトを実現できるため、非常に重宝されています。そんな中今回紹介するのは、高品質なフリーHTML5テンプレート「26 Free HTML5 Templates」です。
（Treviso | Responsive HTML5 Template）
スタイリッシュでデザイン性の高いHTML5テンプレートがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
