Webデザインにおける、1pxへのこだわり
☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです＾＾ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ～」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕
着眼点の素晴らしいパッケージデザインまとめ「Inspiring Product Packaging Design Ideas」: DesignWorks Archive
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 製品提供の際に必ず必要になるパッケージは、そのデザインによって製品の第一印象を決定づける重要な要素ではないでしょうか？そこで今回は、細部まで計算されて商品の特徴を的確に捉えた、着眼点の素晴らしいパッケージデザインまとめ「Inspiring Product Packaging Design Ideas」を
食品の中に存在する小さな世界「Alyssa Anda Tiny People's Wonderful World of Food」: DesignWorks Archive
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) アート作品は、アーティストの斬新な目線から捉えた作品が数多く発表されていますが、今回は食品の中に新たな世界を見つけたアート作品「Alyssa Anda Tiny People's Wonderful World of Food」を紹介したいと思います。 ミニチュアがさまざまな食品の中で生活しているような
写真と線画イラストで表現するユーモアのある世界「New Pencil Vs Camera Works for West Africa」: DesignWorks Archive
ユーモア溢れるアート作品は、いつも人々の感性に刺激を与えてくれます。そんな中から今回は、写真と線画が重なり合うことで表現される空想の世界を描いたアート作品「New Pencil Vs Camera Works for West Africa」を紹介したいと思います。 写真の一部に、スケッチブックから切り離された線画が重ねられ、独自の世界観が演出されています。 詳しくは以下 以前、Designworks内でも紹介した「Pencil vs Camera」の制作者、Benjamin Heine氏の新作となっており、今回の題材は、西アフリカ。写真の一部をリアルに線画で表現した作品から、写真から受けたインスピレーションを載せた線画作品まで、様々な作品が公開されています。 写真のリアルさだけではない、想像の世界や手書きによる表現によって、とても温かみのある作品になっているのではないでしょうか？多数の作
見ているだけでも楽しい、ネガティブスペースを使ったロゴデザインのまとめ
ネガティブスペースとはホワイトスペース（空白）としてもよく知られており、コンテンツに占拠されていないエリアのことで、特定のアイテム間のスペースであるとも定義できます。 そんなネガティブスペースを巧みに使用したロゴデザインを紹介します。
WEB標準デザイン、はじめの一歩 ～デザインからマークアップまで～
第6回 岡山WEBクリエイターズのセッション1で発表したスライド内容を全文掲載。第6回 岡山WEBクリエイターズ セッション1『WEB標準デザイン、はじめの一歩 ～デザインからマークアップまで～』 岡山WEBクリエイターズ勉強会でお話した内容を、スライドとともに全文掲載しています。 テキストはあくまで原稿そのままですので、実際に喋った内容とは幾分異なる場合があります。 スライドのPDFをダウンロード 講師概要 SKPRODUCT代表。 デザイン、コーディング、PHPによるシステム構築、ActionScriptを使用したFlashなど、WEB制作全般を行うWEBアーキテクトです。 岡山の大手企業・学校などを中心にWEBサイトと独自に開発したCMSフレームワーク『SEED』の提供を行っています。 本日は、WEB標準デザインはじめの一歩です。 WEB標準というと、技術的なことを想像される方
Webデザイナーが知っておく、DTPの基礎知識
Webデザイナーが知っておく、DTPの基礎知識 2011-05-08 CMYK RGB(加法混色)で表現される色を、塗料や染料では全ての色を再現できないため、印刷する場合はCMYK(減法混色)ににする必要があります。 CMYKは、シアン（Cyan）、マゼンタ（Magenta）、イエロー（Yellow）、キー・プレート（Key Plate）から成っており、シアン、マゼンタ、イエローの三色で理論上、黒も表現できますが、実際は強く表現されないためブラックを補ったCMYKが使用されています。 しかしCMYKの黒でも本当の黒には見えません。 そこで他の色も混ぜて、本当の黒に近づけることをリッチブラックといいます。 印刷会社によっては推奨されているリッチブラックの濃度もありますが、C30%＋M20%＋Y20%＋K100%で問題ないと思います。 入稿時にはCMYKの色指定を、5%刻みで指定する様にするよ
Android 2.1アイコン作成方法 3つのポイント - ひつじのにっき
ADF2010 LT Android開発Tipsの後半です。お待たせしました。 Android DeveloperのIcon Design Guidelines, Android 2.0が原典です。 英語ですがデザインについて大変参考になります。 以下を読んで興味を持ったひとは是非、読んでみて下さい。 ランチャアイコンのデザインポイント アイコンの推奨サイズ 綺麗に見せる便利ツール"Draw9patch" ランチャアイコンはアプリの顔 Androidアプリケーションの顔といえるアイコンですが、意外に苦労している人が多いはず。 アイコン作成のポイントを紹介します。 (Style Do's and Don'ts)より 図はグッドプラクティスとバッドプラクティスの比較です*1 Android2.0で良いとされるアイコンでは以下の3つのポイントがあります。 モダンなデザイン あまり古くさくしないこ
デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き
Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
【実例】デザイン初心者が学んだちょっとしたコツで変わる！バナーの小技 - EC studio デザインブログ
普段はコーダー業務をおこなってるのですが、デザインの知識は…。 でも、やはりデザインのスキルも大事ですよね！ なので、今年からデザインの勉強のためにバナー作成などをおこなっています。 今回は先輩デザイナーさんに教えていただいた バナー制作のちょっとしたコツを紹介していきたいと思います。 まずはバナーを作ってみよう バナーはEC studioが出展している「モニプラ」の アンケートバナーを作成してみました。 1つ目のお題は「パソコンソフトは店で買う？ネットで買う？」でした。
Design works｜新デザインオンラインカジノ 日本語対応
Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
おすすめのデザイン本「ポートフォリオ・クリエイション 自分を売り込むプレゼンの成功例」: DesignWorks Archive
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 毎回、注目のデザイン書籍や写真集、おすすめの本を紹介します。 今回は、「ポートフォリオ・クリエイション 自分を売り込むプレゼンの成功例」です。 デザイナーやクリエイターにとって、自分を売り込む・アピールするのに必要不可欠な"ポートフォリオ"のデザイン事例が多数紹介されています。 詳しくは以下 これまでの
官能のUIデザイン - SLN:blog*
ちょっと前にJonas Erikssonさんというデザイナーのつくった「76-Synthesizer」という架空のiPhoneアプリのUIデザインがめちゃくちゃセクシーで驚いたんですよ。色っぽいとしか表現しようがない。 最近のiPhone/iPadアプリのデザインとか見てると、ものすごくよくできているものがたまにあって、フォトリアリスティックなんだけど真俯瞰でUIっぽさを担保している...みたいな独特の質感になってる。こういうデザインって、UIデザインの歴史としてとらえると、まず、OSで描画できるグラフィックが32ビットになったことからはじまり、Photoshopの機能の充実、デザインのメソッド化、Illustratorのグラデーションマップ芸の成熟なんかも影響して、結構自然な流れのように感じちゃうんだけど、グラフィックデザイン史として見るとかなり特異な状況になってきているんじゃないかとい
GoogleのChromeブラウザの構成モジュールのそれぞれのバイナリ・サイズの表 - [モ]Modern Syntax
このままじゃやばい、と思ったのか動かなくなった赤ちゃん猫を加えて動物保護センターのスタッフの元に連れてきた母親猫です。 連れてきた子猫をチェックしたところ、体が冷えていたので緊急処置のため病院に送ったそうです。 その間、猫はどこかに行ってしまったのですが、再び子猫を咥えてやってきたそうです。幸いこちらの子猫の健康状態は問題なかったようです。 その後、また猫がいなくなりそうだったので猫の後とつけると、その先にはさらに死にそうな子猫が。子猫たちは脱水症状と低血糖症になっていたそうです。 それらの猫も同様に病院に送り治療したところ快方に向かい出したそうです。 今は飼い主さんがが見つかるまでの間、家族全員が安全で暖かい仮の家に預けられているそうです。 困った時は誰かを頼る、って大事ですよね。 今回のモダシンラジオは3ヶ月に一度お届けしている2024年1月-3月期のドラマ、いわゆる冬ドラマについて@
SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン ＃川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at
国産のWebデザインギャラリーサイトが一番参考になるのでまとめた - かちびと.net
Webデザインのギャラリーは沢山 ありますが、結局感性の近い国産 のギャラリーが一番参考になるの でまとめました。探してみると結構 いろいろあるんですね。助かります。 やはりギャラリーは国産がいいですね。沢山あるので、ある程度厳選しています。 io3000 最近知りました。すごくいいですね、ここ。見やすいし、使いやすいです。おすすめ。 io3000 straightline bookmark とにかくクールでクオリティの高いサイトをブックマークしているギャラリー。 straightline bookmark Web Design Clip こちらも個人的にオススメのギャラリーサイトです。目的のデザインも直ぐに見つかりますよ。 Web Design Clip Good Design Web こちらは他ではあまり見かけない良デザインのサイトを紹介してる貴重なギャラリーです。 Good Desi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.samurai-logic.com/inkscape2/cat18/cat19/
Photoshop VIP ☞ 背景デザインに使える継ぎ目のないオシャレなストライプ柄パターン、400個あつめました。
Photoshop Vip » ちょっと太めでオシャレな筆記体フリーフォント20個まとめ
