H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
深津貴之氏が語る、「fladdict流・使ってもらえるアプリのUIデザイン」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
スマホコンテンツ市場が成長期、そして成熟期に向かうなかで、競合他社と差別化を図るための要素として、デザインの重要性が高まっているのではないだろうか？ ユーザーに心地よく使ってもらうためのデザイン、ユーザーがワクワクするようなデザインなど、スマホという独特のインタラクティブ性を持ったプラットフォームでは、今まで以上にUI、UCD、UXといった要素が大切になってきた。 そこで今回は、iPhoneアプリ「TiltShift Generator」や「SuperPopCam」など、先進的なデザインのアプリを企画、開発、設計まですべてひとりで担当し、生み出しつづける深津貴之氏から、fladdict流のUIデザインについて共有していただく。
![深津貴之氏が語る、「fladdict流・使ってもらえるアプリのUIデザイン」 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/fca790190c506ea1816d8178f27433e67f2c6be6/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F950.jpg)
UIの改悪がUXを改善させる場合 - A Successful Failure
2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UI≠Good UX UIとUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXとUIの違い」というエントリにおいてコーンフレークの例を元にUIとUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIとUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている（次の写真は当該エントリからの引用）。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、本当にこのATMのUIは素晴らしいのかという疑問が残る。つまり「Good UI ≠ Go
無料で商用利用可能な背景画像を提供する「背景倉庫」
「使用に当たっての制限や、報告の義務などは一切ありません。個人使用・商業目的使用への制限もありません」「かんばって描いたけど、もう自分には使う当てがないかもしれない、よければ誰かに使ってほしい、汎用性の高そうな背景を扱うサイトです」ということで、いろいろな背景画像を提供しているのが「背景倉庫」です。 背景倉庫 http://da-yama.secret.jp/index.html 各種背景画像はZIPファイルとなっており、中に入っている画像は以下の形式になっています。 ・グレースケール ・600dpi ・PSDファイル 各種画像は現時点では以下のような感じになっています。 ◆建物 ◆遠景 ◆乗り物 ◆マンガパーツ なお、「もし、みなさんのなかに、かんばって描いたけど、使うあてがなく、著作権も問わない、だけど汎用性の高いと思われる背景がありましたら、ぜひこのサイトで公開させてください」とのこ
『3DCGで原型制作をした「ミルヒオーレ・F・ビスコッティ」、実はこんな風に造られていたんだよ！』
本日より予約受付開始 ! 『DOG DAYS』より、 「ミルヒオーレ・F・ビスコッティ」！ 先日お伝えした通り、実はこの姫様は3DCGで原型制作を行いました！ 今日は原型が出来上がるまでの制作風景を、特別に記事にしちゃいますよー！！ 普段あまり語られることがない部分なので、けっこう貴重なものになる気がします。ドキドキ…。 そんな興味津々な私に色々と教えてくれるのは、ミルヒ担当の「世界のオダＰ」！ ／￣￣＼ ／ .ー ー ＼ ← 世界のオダＰ | （●） （●） | | （__人__） | 「 上手く説明できるか分かりませんが、がんばってみます！」 | ｀i i´ | | . `⌒ } ヽ } ヽ ノ ／ ヽ よっしゃ ! 早速いってみよー ! ! 【１】 キャラクターの決定 （企画担当） 今回の題材は、『DOG DAYS』 から
【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選
こんにちわ。坪内です。 突然ですが、この2年ほどで集めた素敵なネットショップを一挙公開しちゃいます。はっきり言って、この記事書いてるだけで、何度もポチリかけたくらい、素敵なアイテムがてんこ盛りです。既に知っているショップも多いと思いますが、知らないショップがあったら是非チェックしてみてください。 ちなみに、数が多すぎて説明文書くのは断念しました。カテゴリ毎には分かれているので、実際にご自身の目で確認してみることをオススメします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
鍵をかけたかどうか記憶してくれる鍵：「第7回ジェームズ ダイソン アワード」から
漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版
色彩センスのいらない配色講座
http://designaholic.cc/2011/02/post-82.html
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP