壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186

こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック

いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。 特にスマートフォンのUIは細かい部分のこだわりが見られてとても参考になりますので見ておいて損は無いかと思います。 シンプルな作りです。パーツはカテゴリで分けられていて探しやすいです。ちょっと重いかな・・ 例えばこちらはグリッドのカテゴリ。同じ幅、同じ高さという限られた空間の中で、様々な工夫が見られます。 クリックするとその場でLightbox風にポップアップします。iTuneへのリンクもあるので確認しやすいですね。 同じようなギャラリーサイト似たようなサイトは沢山あるので合わせてチェックしてみてはいかがでしょう。 Mobile UI Patternspttrns

今回はオンラインでのコラボワークを行う際に活用したいサービスの紹介です。 共同でプロジェクトを進めるノマドワーカー、小規模のインターネットサービス提供会社、ネットワークの強化を図りたいNPO/NGO、結婚式の二次会の企画を頼まれた幹事など、低予算でコラボレーションを図りたいときに欠かせないベーシックな11のサービスです。 Skype http://www.skype.com/ ユーザー同士で無料のインターネット通話を行う場合に使える定番中の定番サービスです。音声通話だけでなく、ビデオ通話もできるので顔を付き合わせながら打ち合わせをすることも可能です。グループ通話で、複数のメンバー同士で打ち合わせをするのに欠かせないツール。 最近ではスマートフォン用Skypeアプリも提供されているので、いつでもどこでも世界中の人たちと会話できるようになりましたね。ちなみに、一般の電話にも格安でかけられるSk

Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially usef

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた

FlashのアニメーションをHTML5に変換するツールとして、3月8日「Wallaby (ワラビー)」のプレビュー版がAdobe Labsにて公開されました。 Download Wallaby – Adobe Labs 結論から言うとブラウザ互換など懸念点がありますが、思った以上に変換精度が高いです。そして真っ先に感じたのは、WallabyによってHTML5出力が可能になったという点で、アドビが提供しているFlash ProfessionalはHTML5時代が万が一到来してもオーサリングツールとしてのポジションを保ち続けるだろうということです。 速報として「インストール方法と使い方」と「変換したデモ」を紹介してみます。以下詳細です。 インストール方法と使い方 ①まずはAdobe Labsからアプリケーションをダウンロードします。アプリケーションはAdobe AIR製ですので、事前に最新のA

フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

SIPSからみえてくる課題 先日サトナオ・オープン・ラボがソーシャルメディアに対応した新しい生活者消費行動モデル概念「SIPS」を発表しました。今の時代における消費者の行動を Sympathize (共感する）、 Identify (確認する）、Participate（参加する）、Share & Spread（共有・拡散する）という４つのステージに分解。共感から共有へ。そしてまた共感へと繋がるサイクルを分かりやすく表現しています。資金をもつ企業だけが情報を伝達できるのではなく誰もが影響力をもつということを前提に、顧客とどのようにコミュニケーションをとれば良いか考える上において SIPS は基本といえるのではないでしょうか。 しかしながら、SIPS のサイクルには幾つか検討しなければならない点があります。 解説ではソーシャルメディアという一般消費者も影響力がある世界を意識してはいるものの、「

Designing an informative website is much easier than designing a website where we have to deal with registered users. The main target of websites that set up user accounts is to convert their visitors to signed up users. A good registration form is absolute, and collected, however a great registration page is clean and offers a creative edge that forces you to take a second glance at the design. S

BeautiflはFlash(ActionScript 3.0)のオープンソースの秀作を集めたギャラリーサイト。Webクリエイターのインスピレーションを刺激するクールな作品をピックアップしています。

エコ・環境がテーマとして取り上げられているのは、別に今に始まったことではありません。 私が広告代理店にいた時代（もう約10年前になりますが）から（いや、もっと以前か）ずっと言われていました。 「これからは環境が時代のテーマになるぞ」って。 「環境」「エコロジー」と聞いて、連想するのは何でしょうか？ 水、空気、エネルギー、自然・・・・きっと人それぞれ思い浮かべるものは違うでしょう。 でも、「連想する色は？」と問われると、たぶん多くの人が「緑」と答えるでしょうね。 そんな時代のテーマ・エコなデザインを考える上で、参考にしたい「緑」なWEBサイトを取り上げている記事がありました。 So Fresh and So GREEN!! | Inspiredology 個人的に緑色の使い方が上手いなあと思うものを引用させてもらいます。

SmashingApps.com now covering digital world, life skills, point of views and lifestyle We think we don’t need to explain how paper and card textures are being used in web designing and give the design a very rough cut-and-paste and unpolished style. This kind of a style adds an informal and personal feeling to the design.  Nowadays, one of the most popular design trends is the utilization of paper