グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法
グラデーションを作成した時に、中央がグレーに濁ってしまうこと（グレーデッドゾーン）があります。なぜこの現象が起こるのか、どうすれば回避できるのか、鮮やかで美しいグラデーションをCSSで実装する方法を紹介します。 Make Beautiful Gradients in CSS by Josh W Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSグラデーションが算出される仕組み おすすめのカラーモード これらの知識を活用する 美しいグラデーションを生成できるツール 終わりに はじめに さっそくですが、CSSで実装したイエローからブルーの線形グラデーションをご覧ください。
アイコン・外観写真ダウンロード
ヤマハネットワーク/UC製品のアイコン/外観写真を用途を問わず、ご自由にダウンロードできます。 印刷用データとしてご利用の方は、SVG/EPSデータをご使用ください。 切り抜いて使用したい方は、PNGをご使用ください。 ネットワーク構成図 作成用アイコン
Lovedesign co. | Font 061-latest
無断転載・再配布は堅くお断りいたします。また、DLしたフォントに起因する損害は補償致しかねますので予めご了承ください。 ご使用に際しては、同梱してある「ReadMe.txt」をお読みください。また、過去のリリースについてはこちらでご確認ください。 ALL font' copyright belong to Lovedesign Co. I firmly refuse the reprint and the re-distribution without permission. It doesn't make amends for the damage that originates in the downloaded font. Please read "ReadMe.txt" in the folder when you use it.
デザインと罫線
おとといに引き続き 「見えないものを暗示させる罫線」の 第2回目です。 こちらは『ピカイチ事典・からだの道具篇2010-11年版／5歳若い自分に戻る本』 （カタログハウス）という本、32ページの全体をスキャンしたものです。手首の写真に注目、下に罫線が用いられています。これによって、手首が何か別の場所（机の下など）から出てきたかのように暗示することができるのです。 ▲試しに罫線を消してみましたが、 突然手首が出てくると、 なんかグロテスクに見えませんか？ ▲やはり罫線があるもののほうが安心して見られます。 ……なんですけれど、（これはどんなデザインにおいても言えることなのですが）どの場合においても罫線を使えば良いかというと、やはりそういうわけでもなくて、罫線を使うことなく、以下のように表現されることもあると思います。 ▲縁と影をつけて、写真を切り抜いたことを前面に押し出す加工。かわいい系・ポ
Free vectors icons
No notifications to show yet You’ll see useful information here soon. Stay tuned!
Bad Human Factors Designs
A scrapbook of illustrated examples of things that are hard to use because they do not follow human factors principles.
実例で納得！シニアが使えないサイトの例 | マミオン有限会社-パソコン・数学研修、法人研修
パソコン教室でシニア層にインターネットの使い方を教えているときほど 「ああ、ここがもう少し改善されれば！」と吠えたくなる時がある。 「知りたい事」「申し込みたいもの」「買いたいもの」があって ワクワクしているのに、多くの人が、若い人に取っては「些細な」ミスで サイト上で目的を達成できずに諦めたり、 諦めきれないからとサポートセンターに電話して 「その情報はホームページに載ってます」と言われ落ち込んだりしている。 今日は大学の公開講座に申し込もうとしている70歳代後半女性の話。 ウキウキの申し込み「大学の公開講座申し込みたいの。英語をやり直したいのよ」といらしたMさん。 「新聞の折り込みで講座を見たのだけど、ホームページから申し込んでって書いてあって。 ホームページを見たのだけどどうすればいいのかわからないけど ホームページからしか申し込めないらしいから、やり方教えて」 とのこと。 チラシに
良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと
デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良の方法？ 1.コンテンツの目的 2.ターゲット 3.これらを組み合わせた例 デザインの基本 1.書体について 2.ジャンプ率 3.ホワイトスペースを生かす >ホワイトスペースで情報を分割する >ホワイトスペースで囲む >ホワイトスペースにあえてはみ出す 最後に はじめに デザインという言葉を聞くと、かっこいい、かわいい、おしゃれ、きれい、などと感覚的なものを思い浮かべる方が多いのではないでしょうか
ハリウッド映画のポスターにありがちな13パターン Pouch［ポーチ］
映画の本場といえば、なんと言って米・ハリウッド。毎年数え切れたほどの作品が制作され、のちの作品に影響を与える名作も多数誕生しています。そのハリウッド映画のポスターには、実は決まったパターンがあるようです。過去のポスターのパターンを分類した画像が、海外のインターネットユーザーの間で話題を呼んでいます。以下がその13パターンです。 ・ ハリウッド映画のポスターでありがちな13パターン 1． 浜辺に立つ人々と、空に浮かぶ巨大な顔 感動的なドラマ映画に多く見られるパターン。浜辺に立つ人たちと、空に浮かぶ人物は、作中で別離（死別）する可能性が高いです。 2． セクシーな背中（多くは武器を持っている） アクション映画に多く見られるパターン。 3． 背中合わせ ラブコメディやアクション映画み見られるパターン。多くは男女が背中合わせで立ち、2人は本編で恋愛関係に陥るケースがあります。 4． ベッド ラブコ
gitチートシートver0.2を公開して情報デザイン出身の人に激しく突っ込まれた日記 - 西尾泰和のはてなダイアリー
http://www.nishiohirokazu.org/tmp/git02.pdf あまりに激しく突っ込まれたので「ちょ、ちょっとまって、続きはまた今度で」とお願いして逃げ帰ってきました。 「リポジトリって何」「変更履歴を溜めておく場所」 「これ書き換えるのはどこ」「<name>のところ」「じゃあ斜体にするか色変えるかいっそ日本語にしなきゃ。かっこごと灰色とかにしないとかっこを入力しちゃうよ」 「コマンドの部分を箱で囲むなり書体を変えるなりプロンプトつけるなりが必要」 「コミットをするって何？」「変更履歴をリポジトリに入れること」 「なんで『最初の』コミットなの？最後のコミットはあるの？」 「コメントでの解説の色を変えろよ」 「『.gitにできる』ってどこ？急に思いついて作っていいの？いつもhomeにいるとは限らないでしょ」「いまいるディレクトリの中。思いついて作っていいよ」「2回 g
Photoshop VIP ☞ ボタンデザイン完全版、ダウンロードしておきたいPhotoshop無料PSD素材60個まとめ
Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。 多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。 どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意
「松岡良倫氏とプロダクトデザインについて語る」開催レポート - JTPA
皆様、こんにちは。吉田順さんによる6月のギークサロンのレポートをお送りします。マインドマップ付きです！ -------- こんにちは。吉田と申します。 06/12 に JTPA ギークサロン「松岡良倫氏とプロダクトデザインについて語る」に参加しました。 そのときのレポートをお送りします。 松岡良倫さん ( ニックネーム: Yomi ) は今年 06/06 に発売されたばかりの Palm Pre で筐体デザインを担当された方です。 Palm Pre はこれまでとはかなりデザインの異なるアメリカ向け携帯電話。2007 年の iPhone 発売で大きく変わった Smartphone 市場の中でも、iPhone に続いて Smartphone の可能性を広げることが期待されています。 大きな液晶画面に加えて、iPhone にない以下の機能が特長として挙げられます。 * マルチタスク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
バリアフリープレゼンテーション
BLOGTIMES｜ブロガーリレーションサービス
リカちゃん・その１
日経BP
山陽小野田市立小野田中学校
ALWAYSMOD.COM
Engadget | Technology News & Reviews
日本ピクトさん学会
