デザインを開発するという視点でお伝えするクリエイティブBLOG
webデザインにはさまざまなテイストがあり、その中で個性を演出していくことは、意外に難しいもの。そんな中今回は、ひと目見たら忘れられないようなwebサイトデザイン「MODALZ MODALZ MODALZ」を紹介したいと思います。
すべての要素がドットで作られた、懐かしささとアナログさが逆に新鮮なサイトデザインとなっています。
詳しくは以下
伝えたい情報を1Pにまとめた縦長の1ページレイアウト。メニューなどは存在しますが、基本的には上から読んでいくような構成でユーザービリティに優れた簡潔なWEB構成となっています。今回紹介するのはそんな1ページレイアウトの中でもクリエイティブなものを集めた「50 Beautiful One-Page Websites for Inspiration」です。
様々な業種業態の1ページで制作されたWEBページが全部で50集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
ずいぶん前から管理画面にWordPress2.5.1の案内がでていましたが、今回のアップデート内容はバグフィックス、パフォーマンスの向上、一つのとても重要なセキュリティフィックスと言うことだったのですがなかなかアップデートできずにいました。
時間がなかったのでずっと先送りにしていましたが、ゴールデンウィークを使ってようやくアップデートできました。今回のアップデートの大きな修正は以下の通りです。
詳しくは以下
様々な拡張機能が便利なFirefox。様々な拡張機能がリリースされており、WEB開発者向けの便利な拡張機能もいくつかリリースされています。今日紹介する「Top 20 Essential Firefox Add-ons for Web Designers」はWEB開発者のためのFirefoxアドオンを集めたエントリーです。
Web Developer :: Add-ons for Firefox - 日本語版
様々なアドオンがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
今まで様々な素材のテクスチャを紹介してきましたが、今日紹介するのは金属に絞ったテクスチャセット「Metal textures」です。
金属と言っても表面は様々な書こうがされていて、一般的なものからヘアラインが入ったもの穴が表面に空けられている物、素材だと、ステンレス、チタンなど表情の違う上記のような6つのテクスチャが公開されています。
詳しくは以下
WEB制作は人によって使うツールは様々だと思いますが、その中でも多くのWEBデザイナーが利用しているツールphotoshop。今日紹介するのはphotoshopでWEBを作る人のためのWEBデザインチュートリアル「20 High Quality Photoshop Web Design Tutorials」です。
Create a Clean and Classy Web Design in Photoshop
様々なデザイン感のWEBデザインをphotoshopで制作するのはどうしたら良いのかという、実例を交えたチュートリアルが多数公開されています。
詳しくは以下
写真素材などの加工に利用されるPhotoshop。多彩な素材を作り出すためには、元の素材となるテクスチャの存在がかかせません。そこで今回するのが、最近発表された画像加工に利用しやすいフリーテクスチャを集めた「25 Fresh Photoshop Textures」です。
（High Resolution Glass hexagon Texture – love textures）
自然の風景から布の質感を感じさせるテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
ロゴや名刺だけでなく、他にもさまざまなツールが展開されることが多い「CI（＝コーポレートアイデンティティ）」、企業やブランドには欠かすことの出来ないものです。そこで今回紹介するのは、CIデザイン実例を紹介する「20 Fresh Corporate Identity Designs for Inspiration」です。
One Degree on the Behance Network
個性的なグラフィックから、カラーリングでデザインされたものまで、色々な表現のCIが公開されています。中でも気になったものをいくつか紹介したいと思います。
詳しくは以下
さまざまなデザインシーンで利用できるアイコン。種類もテイストも、いろんなものがフリーで配布されています。そんな中今回紹介するのは、いろいろなテイスト・種類のアイコンセットまとめ「42 Free and Flat Icon Sets for Designers」です。
Dribbble – Space icon .ai for free & sketch by BEASTY
シンプルなものから、ポップなテイストのものまで、バリエーション豊富な種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
多様化するWEBサイトの中で、様々なユーザーが迷わないような工夫が施されていますが、今回紹介するのはその中でも、注意や案内を促すためのNotificationを実現するjQueryをまとめたエントリー「20 Useful jQuery Notification Plugins and Tutorials」です。
jQuery “growl-like” notification plugin
Notificationといっても、アラート的なものから、メッセージの数を知らせるものなど様々ですが、今日は紹介されているものの中からいくつかピックアップして紹介したいと思います。
詳しくは以下
立体的でリアルな質感のデザインから、フラットでシンプルなタイプのデザインに移行しつつあり、すでに実制作で取り入れている方もいらっしゃるのではないでしょうか？今回はそんなシーンに便利に活用できるフラットデザインを取り入れたフリーアイコンセット「Flatilicious – 48 Free Flat Icons」を紹介したいと思います。
かわいらしさの中に洗練されたデザイン性を兼ねそなえたフラットアイコンが、48種セットになっています。
詳しくは以下
