タグ

デザインに関するIketakiのブックマーク (27)

  • リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。

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

    リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
  • ウェブ制作にすぐに使えるPSD素材がダウンロードできるサイト -1000PSD.COM

    アイコン、UIエレメント、テクスチャ、イラストなど、ウェブページの制作にすぐに使えるPSD素材がダウンロードできるサイトを紹介します。 1000PSD.COM [ad#ad-2] 公開されてからまだ間もないためか、数は少ないですが使える素材がダウンロードできます。 素材はカテゴリごとに分かれており、現在は5つあります。

  • 第45回 台所コンピューティング | WIRED VISION

    第45回 台所コンピューティング 2010年7月14日 ITデザイン コメント: トラックバック (0) フィードITデザイン (これまでの増井俊之の「界面潮流」はこちら) 「エクストリーム・アイロンがけ」(Extreme Ironing)というスポーツがあります。高山/極地/空中のような、ありえない場所でアイロンがけをすることを競うというもので、「アイロニング道」を極めようとする松澤等氏による書籍も出版されています。 エクストリームな環境で計算機を利用する「エクストリーム・コンピューティング」という競技も可能かもしれません。計算機は実際に様々な環境で利用されるようになってきているので、現在の常識ではエクストリームと思われるような環境でも、将来は計算機がどんどん使われるようになっていくことでしょう。 高山や極地まで行かなくても、計算機にとってエクストリームな環境があらゆる家庭に存在します。

  • 2010年総まとめ:Photoshopでつくるタイポグラフィのチュートリアル集

    Photoshopでつくるタイポグラフィのチュートリアルを紹介済みのものから未紹介のものまで、2010年の総まとめです。

  • デザインの要素と原則

    2017年6月29日 Webデザイン 今回はデザインの基礎をお勉強しましょう!デザインは複数の要素(エレメント)と原則(プリンシプル)から成り立っています。それらを簡単に説明するとともに、要素と原則を生かしたWebサイトを一諸に紹介します。私は「デザインセンスは才能」とは考えていません。デザインセンスはそれらの要素をどう組み合わせるか、という閃きとその引き出しの多さによるものだと思います。ぜひ参考にしてみてください! ↑私が10年以上利用している会計ソフト! デザインの要素(エレメント)と原則(プリンシプル)は全てのビジュアルデザインの基礎と言われています。要素はデザインの「表現手段」を形成し、原則は「構造的特徴」を構成します。デザインにおける要素と原則の認識は、視覚構成をすることにおいての最初のステップ。Webデザイン、グラフィックデザイン、プロダクトデザインなど、すべてのビジュアルデザ

    デザインの要素と原則
  • 文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン

    研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演(アウトリーチ活動)の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者(研究仲間や審査員、一般市民)へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

    Iketaki
    Iketaki 2010/08/04
    内容の充実っぷりがすごい
  • IKEAのARカタログがすごすぎる… - IDEA*IDEA ~ 百式管理人のライフハックブログ

    ドットインストール代表のライフハックブログ

    IKEAのARカタログがすごすぎる… - IDEA*IDEA ~ 百式管理人のライフハックブログ
  • 配色センスに自信がなくても綺麗なサイトをつくる方法 | nanapi[ナナピ]

    配色センスに自信がなくても綺麗なサイトをつくる方法 に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。配色はセンスではない! よく「私は色のセンスがないから…」などという言葉を聞きますが、 配色には基となるセオリーがあり、知識として学ぶことができるものなのです。 よりよいWebデザインにするための配色のセオリー http://sweetlovexx.seesaa.net/article/90107619.html こちらにもいろいろ参考になる情報が盛りだくさんです。 書籍もいろいろあるのでamazonなどで検索してみてはいかがでしょうか。 「でも勉強とか面倒じゃないですか」 というひとでも大丈夫。 以下のサイトを使えば、なんとなくそれとなくカッコいい配色が手に入ります。 Color Scheme Designer 3 http:/

  • 配色パターンからWebデザインを考える

    2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト! まずは色彩の三属性について 色は彩度・明度・色相の三属性(三要素とも呼ぶ)から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽

    配色パターンからWebデザインを考える
  • 第41回 変化の認知 | WIRED VISION

    第41回 変化の認知 2010年3月 8日 サイエンス・テクノロジーITデザイン コメント: トラックバック (0) フィードサイエンス・テクノロジーITデザイン (これまでの増井俊之の「界面潮流」はこちら) 人間は時間的な変化の認知が得意ではありません。変化の可能性に気付かず、一時的な状態のことを定常状態だと勘違いしてしまうことがよくあります。何かが一度うまくいったとき、それが普通だと勘違いしてしまうと「待ちぼうけ」のような失敗をしてしまいます。 私は昔たまたま通った交差点で財布を拾って届けたことがあるのですが、偶然のできごとに決まっているにもかかわらず、その交差点を通るたびに財布が落ちてる気がして地面を確認するようになってしまいました。 第一印象が大事だと言われるのは、人間は変化するものだということに気付かないため、最初の印象の状態がずっと持続すると勘違いしてしまうからかもしれません。

  • 知っておきたいillustratorのチュートリアル40 – creamu

    illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s

  • 「Googleのロゴデザイナーはきっと結婚問題を抱えてる」と話題になっていたもの : らばQ

    Googleのロゴデザイナーはきっと結婚問題を抱えてる」と話題になっていたもの 仕事がうまく言ってたって、他のことがうまくいかないこともあります。 とにかく家庭や結婚問題が表面に出てくると、もう仕事にさえそれが影響するのです。 そんな結婚問題があるのがばっちり表にでてしまったロゴをご紹介します。 どれもこれもGoogleの文字がかろうじて入っているところには、感服です。 むしろわかりやすいとさえ思えるユーモアのあるロゴではあります。 ロゴデザイナー、ビル・ドノヴァンを哀れに思ったのか、海外サイトのコメント欄も盛り上がっていました。 一部抜粋してご紹介します。 ・かわいそうなビル。 ・ひどい女だ、ビルのことが好きだったくせに。 ・おもしろいね、ドアが閉められたやつが一番よかったよ。 ・気持ちはわかる。 ・オレにはわからない。独身で彼女もいない…。 ・これはかなりおもしろい。 ・このロゴデザ

    「Googleのロゴデザイナーはきっと結婚問題を抱えてる」と話題になっていたもの : らばQ
  • ドロップシャドウとグラデーションの使用を的確にするためのチュートリアル

    なんとなく目立たせるためにドロップシャドウを適用したり、ちょっとさみしいのでグラデーションを加えたりしていませんか? Web designer Depotからドロップシャドウとグラデーションをウェブデザインで的確に使用するためのチュートリアルを紹介します。 Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors 下記は、各ポイントを意訳したものです。 ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションの使用の注意点 使用は、より繊細に よくある間違いと解決方法 おわりに ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションは、スペースに錯覚を生じさせるための基的なテクニックです。 Mac OS Xのドックを例にとると、輝いたテーブルの上に各メニューのアイコンが浮き上がっ

  • The 100 Most Popular Photoshop Tutorials 2009 - Photoshop Lady

    Sometimes, you may find it difficult to look for some of the highest quality photoshop tutorials using search engines. As most of time, almost all tutorials would label themselves to be good, high quality or even the best photoshop tutorial you can find. When searching through all these tutorials, your time is wasted. In order to save your time, Photoshop Lady has been spending almost a whole year

  • メイリオをデザインした河野英一さんのお話 - Togetterまとめ

    ロンドンの地下鉄に日人のデザインしたアルファベットが使われている。河野英一さんのもの。Windows標準のメイリオフォントも河野さんの作品。その隠された裏話を直接お聞きしました。

    メイリオをデザインした河野英一さんのお話 - Togetterまとめ
  • 基本的だけど大切なタイポグラフィのシンプルな14のルール

    ウェブデザインをはじめ、印刷にも役立つ基的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基的なルールがあります。もちろん、このルールは基であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階

  • nanapiのデザインプロセス(その1) - エスカフラーチェLLC

    9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん(以下、けんすうさん)から :HOWTOサイトをつくりたいからデザインを依頼したい! ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる!?合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Note & Point | A gallery devoted to making your Keynote & Powerpoint presentations look that much better

    A gallery devoted to making your Keynote & Powerpoint presentations look that much better

  • これは絶対覚えておいた方がよいシルエットの素材集:phpspot開発日誌

    これは絶対覚えておいた方がよいシルエットの素材集。 85サイトのフリーかつハイクオリティなシルエット素材集が物凄い勢いでまとまっています。 覚えておくと色々な場面で使えることは間違いなさそう。 人型だけじゃなくて、動物や昆虫・植物などそろってます。 リンク先は以下のURLから参照してください 85 Free High Quality Silhouette Sets | Graphics