「これはすぐ使える」「めちゃくちゃ為になるやつ」 プロのデザイナーが教える写真構図まとめが勉強になる
プロのデザイナーによる、「覚えておきたい写真構図」をまとめた画像に反響が集まっています。これを意識すれば、初心者でもセンスの良い写真が撮れるかも。 サンプル画像つきでイメージしやすい（画像はクリックで拡大します） 投稿者はWebデザイナーのもち（@makiko_sakamoto）さん。「三分割構図」「三角構図」「S字構図」など、12種類の写真構図の特徴や効果が分かりやすく解説されています。SNSの投稿のような、普段のちょっとした写真撮影にも生かせそうな実践的なテクニックです。 投稿には、「うまく写真を撮りたいって思ってもなかなか…だったので参考になります」「これはすぐ使える、ありがたい」「めちゃくちゃ為になるやつ こういう基礎の構図が分かってることが大事だよなぁ」などのコメントが寄せられていました。 もちさんはこの他にも、Webデザインに役立つTipsやデザイン集をTwitterに投稿して
copypet.jp｜パーツで探す、web制作に使えるコピペサイト。 - CSS3などで新たに追加された要素･装飾方法など、日々コードを書いていないと忘れてしまったり、ささっとプロトタイプを作る時などちょっとしたことに時間をかけている暇はない。困った自分用のストックブログ
免責事項 当サイトのすべてのコンテンツ・情報につきまして、可能な限り正確な情報を掲載するよう努めておりますが、必ずしも正確性・信頼性等を保証するものではありません。 当サイトの情報によるいかなる損失に関して、免責とさせて頂きます。ご利用の際はあらかじめご了承ください。 本免責事項、および、当サイトに掲載しているコンテンツ・情報は、予告なしに変更・削除されることがあります。予めご了承下さい。
【画力上達の本】服のしわならこの書籍1冊でOK！しわを攻略したい方へ
【画力上達の本】服のしわならこの書籍1冊でOK！しわを攻略したい方へ服のしわをまず簡略化したものからおぼえる！ 2018年1月5日 砂糖ふくろう 最近、色々な人から「しわってどうやって描いたらいいですか？」ときかれるようになりました。そのたびに、「人を描くのって楽しいね 衣服編」をご紹介しておりました。 同じパターンでお返事させて頂くことも多くなってきたので、本日は「人を描くのって楽しいね 衣服編」のレビューを書こうと思います！ 上記リストは、私が手に取ったときの状況です。 2010年から絵を描き始め、2011年ごろに手に取った書籍だったと思います。なので、描き始めも描き始め、身体も何とか全身が描けるようになってきたかな？といったタイミングでした。 もし、同じような状況で困っているようでしたら、きっとお役に立てる書籍だと思います。 「人を描くのって楽しいね衣服編」をオススメする理由 色々考
【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所
ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか？ 使い勝手の良すぎるドロップシャドウに警鐘！シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1：黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか！と目から鱗でした。 その2:シャドウに空の色＆地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
MdN Design｜総合情報サイト
飽きさせないレイアウトやちょっとした一工夫で、デザインをよくするテクニックをビジュアル重視で紹介。実践的なWebデザインを通して、デザインを構成していくための考え方を学ぼう。 （解説：佐藤好彦） Webデザインは、PCのディスプレイという二次元上に表示される。二次元の範囲を超えて表現することはできない。しかし、三次元の現実世界を写したものだ。つまり、Webデザインの中に写真を使うことは、現実世界のもつ三次元の奥行きを二次元に取り込むということでもあり、写真を効果的に使うことで、二次元のWebに三次元的な奥行きを感じさせることが可能になる。とはいえ、写真も最終的には二次元であることに変わりはない。なぜ写真に奥行きを感じるのか。その多くは、ものの見える角度、影、ぼけに影響される。 遠近法の絵画に見られるように、正面を向いているものよりも、斜めに置かれたもののほうが、遠近感を感じやすい。加えて影
第31回 美術的手法のWebデザインへの適用
Webコンテンツは文字主体のいわば“書類”です。絵画でも写真でもありません。書類に対して徹底的に芸術性を追求することには，おそらく意味がないでしょう。「構想3年，4年以上の歳月をかけて完成した，とても美しい芸術的な交通費申請書」があって，人々がその美しさに小一時間足を止めて鑑賞するといったことはありえません。 しかしながらWebコンテンツは純粋な書類だということでもなく，少なくても閲覧する人の眼を意識して，使いやすさとともに美しさも要求されるものですね。いわば“機能美”です。 自動車を思い出してください。自動車は走るという目的だけであれば，鉄で四角い箱を作り，エンジンと座席を突っ込んで，タイヤを四つほど付けておけばいいんです。しかし，そんな何の変哲もない箱形の車では営業的に成功はしないでしょう。Webコンテンツは自動車と同じ工業製品であり，機能性とともにユーザーに好感を持ってもらうために機
テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組み色々:phpspot開発日誌
Dynamic Text Replacement Solutions | Dezinerfolio テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組みが色々とあるみたいです。 FlashやPHP、CSS、JavaScriptの要素をトリッキーに混ぜ合わせているところも見所です。 P+C DTR PHP+GDで綺麗なテキストを生成し、JavaScriptでbackground-image設定して表示します。 そもそもがテキストになっているので、HTMLもクリーンです。 見え方は以下のように、綺麗なテキスト 生成されたHTMLはh5要素として、次のようになっています。 <h5 style="background-image: url(image.php?text=You%27re+Look%27n+At+It&tag=h5);">You're Look'n At It</h
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集:phpspot開発日誌
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが１ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう？という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」:phpspot開発日誌
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」 2009年03月18日- Visifire クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。 画像編集ソフトを使えば綺麗なグラフはかけるかもしれないのですが、相当大変です。 が、このライブラリを使ってxmlでデータを書いておけばグラフ描画できます。 データ作成ツールもあるので、xmlも面倒っていう場合にも使えます→ Chart Designer もっとギャラリーを見る ネックはSilverLightなのですが、一旦描画したものをキャプチャして画像に変換してから使ってもよいぐらいクオリティが高いですね。 今後、SilverLightが一般的になっていくことも考えられ、覚えてお
写真を変形させて抽象グラフィックをつくる - MdN Design Interactive
インパクトのある素材を使用したいが、ふさわしい素材も、用意するための時間もない。そんなとき、身近なものを撮影し変形を加え組み合わせて抽象的なグラフィックをつくり、地紋として並べるという手がある。 制作・文 CMA url. www.cmadesign.net/ 使用ソフト Photoshop 7.0/CS2 ▲写真に変形を加え組み合わせることで抽象的なグラフィックをつくる インパクトのある見た目の華やかなイメージの地紋が使用されたフライヤー。この地紋は、写真に変形を加え、組み合せることで作成している。レイヤースタイルを設定することで、華やかな色合いとした。 まず、和室用の照明を横から撮影した写真をPhotoshopで開いたら1-1、背景レイヤーを2回複製。レイヤーパレットで、複製したふたつのレイヤーを［描画モード：焼き込みカラー］として、画像を統合しておく。続いて、完成サイズの新規ファイル
素晴らしいロゴをデザインするための45の法則 | CREAMU
ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外する。 文字はあなたの祖母でも簡単に読めなければならない。 ロゴとはっきり認識できなければならない。 ロゴにユニークな形やレイアウトを取り入れる。 あなたの親や配偶者がデザインについて思うことを徹底的に無視する。 3人以上の人にロゴが魅力的に見えるかを確認する。 有名なロゴの要素を使ってオリジナルだと主張しない。 どんな場合でもイラスト集を使わない。 ロゴは白黒でもかっこよく見えるべき。 逆さにしても認識できること。 リサイズしても認識できること。 ロゴがアイコンやシンボル、テキストを含む場合、それぞれ良さが引き立つよう
[CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでアクセスすると、それぞれ用の画像が表示されます。 条件式に利用できるものは、下記のようになっています。 browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla
【コラム】クリエイターのためのライフハック (53) ロゴデザインをするときに参考となるサイトいろいろ | クリエイティブ | マイコミジャーナル
デザインの仕事に携わっていれば一度は経験するであろう仕事がロゴデザインです。ロゴ(ロゴタイプ)は、対象となる企業やサービスを抽象的もしくは直接的なメッセージを盛り込んだ文字をビジュアル化して表現したものです。見たときのインパクトを求められることもあれば、汎用性、柔軟性が必要とされる場合もあり、デザインの課題も予め設けられていますが、同時にそれがロゴデザインの面白さといえるでしょう。 ロゴデザインのコツは、ひたすらスケッチをするところにあります。筆者も学生の頃、ロゴデザインのクラスを受講したことがありますが、ひとつの課題に対して最低50のアイデアをスケッチすることが条件となっていました。ここでいうスケッチは、サムネイルのような小さいものでよいので次々とアイデアを描いていくプロセスを指します。この段階ではあまりディテールには拘らず、まるでおもちゃ箱をひっくり返すかのようにアイディアを思いのまま
CSS:ボックスのおはなし
この資料についての説明と謝罪 この資料は公開時より24時間内において他サイトの内容を無断で使用しておりました。 これに関して、kzは以下のエントリにおいて説明及び謝罪をしております。 社内勉強会の資料についての説明及び謝罪
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MdN Design｜総合情報サイト
光を表現するPhotoshopチュートリアル まとめ - DesignWalker
[CSS]チェックしておきたい50のCSSのテクニック | コリス
CSSでフッタ位置をレイアウトする （CSS Sticky Footer） - youmos
アルファベットを使ってロゴを作るときの10のTips - DesignWalker
