タグ別アーカイブ: Web Design

よくトリミングされた写真のパワーを活用する方法

From How to harness the power of a well-cropped photo

ウェブサイト デザイナーとして、私は常に魅了されてきた"works"(任意の種類の) 設計とその理由.後半の私になったアンカーする写真の力の特に鑑賞的、視覚的に必要な感情をトリガー、視聴者を従事し、右の物語デザインの魅力的なd は (かどうかを分割または呼び出すことによって) コンテンツを強化します。
この新しく更新されたアプリシア本当の写真のためのグローバリゼ-ションにかかったヴェネツィアのルートこの過去の秋。
"ほとんど beauti として記述されているヴェネツィア:「人によって建てられた ful 市常にヴェネツィアについて聞いていた !そして、あなたを伝える期待を持っていた !変えられるもの水の上に建てられた趣のある、美しい、ロマンチックな市の tions — より全く異なる、今まで見た中 nything。
しかし、現実には?… ベニスは、ダンプのようなものです。
殴らの crumbling とダウン実行。
異なる風景ミッシュ マッシュの束を参照してください全体として表示するとき一緒に。
わけではないしかし、ヴェネツィアは不十分なぼろとぼろ服を着ています。
しかし、… When の小さなビットでヴェネツィアを見て — いつあなたの目「作物」周辺を許可します。
1 つの有限領域 d フォーカス — それは非常に異なる経験です。
非常に多くの詳細があります。
目を楽しませてくれます。
特にすべてのものからインスピレーションを取る人のデザイナーの目彼女の gaze を満たしています。
これを実現する後私は可能性があります私の焦点から「全体」にシフト詳細と bac再び k とそれのすべてに感謝します。
ヴェネツィアは本当に美しい街です。
ここでは、あります。
ものをトリミングに偉大な力に残っているものは、強いです。
ベニスの画像(左) トリミング前に、と後 (右) をトリミングします。
私のお気に入りのヴェネツィアの「詳細」の 1 つ。
、左の写真は、カメラから raw 画像です。
ここでは、私は動物園で、カメラでトリミングこの詳細への明右側には、同じイメージ トリミングされますさらに。
写真作物そのヲこの記事の残りの部分で rk は ’ ll は最近のプロジェクトから私のお気に入りの写真の作物の一部を共有ts に働いた。
いくつかは個人的なプロジェクトです。
いくつかの重力スイッチを介してプロの仕事(web デザインとマーケティング代理店の共同設立者の居場所)。
しかし、すべてのそれらの話を教えてください。
フィットネス F拡散フィットネス融合は、強烈な創造的で楽しいグループ トレーニング、1 知られているニッチ スタジオ ジムです。
-1 のパーソナル トレーニング。
600 + 写真写真を求めて注が私は自分のサイトを再設計する場合それは非常に横向きに働くだろう — web バナーのイメージでは、珍しいフォーマットではありません常に課題です。
最初一見で、左側のイメージはない候補者のように見えます。
反時計回りに 90 度回転反転、水平方向ととき、(今後方)言葉「コーチ」キャップにスタンプ、それは強力なバナー画像。
"ミート th に最適e トレーナー"のページ !上記の作物のための作品: 温かみのある照明;色の飛沫、目の前に本物の焦点を当て、そして親しみやすい外観。
ページ bod の笑顔写真と共にy コンテンツ、伝えられる全体的な感情は親しみやすさ、専門知識、勤勉、耳にダウンth 態度と楽しい !ここでもう一つのこのプロジェクトから私のお気に入りのバナー画像の作物です。
によってレム天性の部分、元の画像 (トリミング)、我々 はよりダイナミック、親密なそして面白いを取得視覚的な経験-- ハードワーク、献身と汗を示すクールなイメージ。
微妙なタッチジムのブランディング、リストバンドに偶発的なボーナスだった。
ストック ブリッジ学校農業 Stそのような国々 でのトップの学校として知られている ockbridge 時ユーマスアマースト農学部みてください。
それは非常に異なったタイプの学生 (例えば、将来 w を魅了する多様なプログラムho さんに興味を持っての芝の管理は Sustai に興味がある人は非常に異なる有効食品 & 農業または馬管理等)挑戦は、ホームページ フォーを見つけることだった: 農業; の学校適切と感じたビューアーを描画する強力なイメージでした。
ディdn ' t 任意の潜在的なプログラム; に任意の潜在的な見通しを遠ざける害を行う !技術的な側面に「フローティング作物」として働くだろう写真が必要、(すなわち、作物変更、ウィンドウがサイズ変更し、それは常に見栄えのする必要)。
我々 は、音像をキャプチャするための特定の写真撮影ホーム ページの e。
多くの素晴らしいショットを得た。
我々 はこれら 7 にそれを絞り込む: 我々 が選んだこのし行く 1 つ: 写真を確認するために、PhotoShop でトリミングのズーム レベルで遊びましたフローティング作物として強いです。
ここではいくつかの探求: ここではどのように携帯電話と机に見えるそれぞれのトップ: パイオニア バレー情報交換 PVIX ここのストック イメージというが医療業界でのウェブサイトのために使用 … チームワーク、家族、積極性、表示しようとしました。
エネルギー、楽観的な: ここでは、画像処理やってみたけど、好きではなかった。
あまりにも多くのコンテキストを失うこれほどズームイン t: 代わりに (つまり私も好きではなかった)。
私はすべての方法をズームこう写真全体を見ることができます。
幅に正しく動作させるため、左側のブルーの空間を追加: h(画像の一部をトリミング) appy 媒体に最適: 子育てのブログの記事に写真を探していた私の息子の私のブログのいずれかで「バナー画像」である e の投稿します。
この写真を見つけた。
私の愛、私の息子の顔の表現。
しかし彼は小さいイメージとそのデータを理解していません。
il: ここではどのように私はそれをトリミングします。
はるかに良い作品: 我々 はすべての sa を聞いた右取得英、」、絵は 1,000 ワードの価値があります。
しかし、どのように行う我々 工芸品私たちの画像を運ぶように、我々 が望む 1,000 の言葉ですか?それを右に取得する必要があります: 良い raw 写真: プロフェッショナルを雇うことができる場合、l カメラマン ショットと組成を得ることができるが良いと見てあなたの pur をカスタマイズポーズ。
ストック写真の多くのオプションがある、プロを雇うことができない場合-いくつかの good は、いくつかの少ないので。
それは最高を持って誰かがそれを「目」を持っている信頼の仕事 o の処理f 写真の狩猟。
良いポスト プロダクション: 色補正・ クリーンアップとトリミング。
私はそれが 3 を呼び出すC良い写真の配置: 写真、リグの横にある右の場所で設計に組み込む右のページに、ht コンテンツとし、彼らは右の話を伝えるのに役立ちます。
場所、場所、場所。
あなたのデザインのイメージを選択する方法どのようにイメージのどの部分を選択します。
トリミングする s ですか?コメント欄で教えてみましょう。
Ballicons: 110 ユニークな平らなベクトル アイコン にly $11 !ソースp img {表示: インライン-ブロック; 余白-右: 10 px;}.alignleft {フロート: 左;}p.showcase {クリア: 両方;}ボディ #browserfriendly p、ボディ #podcast p、d

イラストや手の 13 例の Web デザインの要素の描画

From 13 Examples of Illustrations and Hand Drawn Elements in Web Design

広告と BSAIllustrations 手描かれているエレメント中ウェブサイトに個性を追加することができますここでユーザーをつかんで ’ s の注意。
限り、あなたはドンと ’ t、illustrat にあなたのページを回すイオンの狂乱、いくつかの方法をあなたのプロジェクトでこれらの要素を組み込みます。
微妙な追加することができます。
イラスト アイコン手型、または大きな、大胆なイラストの背景を描画します。
それ ’ s はあなたまで。
To ショーを適切に使用するイラストが非常に効果的することができます我々 ’ ve のいくつかを収集感激の例。
それをチェック アウト。
日曜日ステープルトン カーボン製いただければレベッカ ・ Sehnツリー ロブ ルッター リカルド Gimenes Munchery JK 設計ケナガイタチ サス Teamgeek Fontastic

あなたの販売ドリブン ウェブサイトのコンバージョンを増やす UX の簡素化

From Simplifying the UX of Your Sales-Driven Website to Increase Conversions

良い製品/サービスを持っているし、ちょうどあなた販売 dr を開始した BSAYou とここで広告します。
iven ウェブサイト。
販売行くがいくつかの理由でしたの多くを取得する準備ができていた ’ t に行くだけでなく、あなたが想像しました。
チェックする必要がありますお使いの製品は確かに問題ではない、以来、それ以外の場合、あなたのサイトにあなたのクライアントをいい得ていることを確認するために設計経験彼らヲn ’ t 変換で、彼らは勝った ’ t を購入しているを行うことを期待して。
S がある場合エール駆動型のウェブサイトでは、あなたの顧客はあなたの最優先事項べきであります。
確認し、custオメルあなたのウェブサイトを理解し、購入を簡単に行うことができますは間違いなくあなたの番号を 1 つの目標。
あちこちm A/B テスト熱分析をあなたのページを再設計するマップ、事が多いプログレスバあなたのコンバージョンを増やすしないでください。
今日我々 UX 簡素化することができる方法のいくつかのヒントが表示されます。
ページのコンバージョン率を改善します。
古いモットー “ 彼らが来るそれを構築する場合 &。
# 8221;働いているかもしれない映画の夢のフィールドが、現実の世界だけで何かを構築します。
nd を待って “ に ” ウォンを来て ’ t まで行きます。
あなたがする必要がありますその deliver あなたのベストを誘致し、顧客を維持します。
心の基礎を維持するシャッター ストック バックを介して画像ユーザー エクスペリエンスは、ユーザー ’ s 知覚あなたのサイトのそれは自分の感情を含む態度、反応、あなたのページを閲覧しながら動作。
だから、あなたのウェブサイト throug になってからh; あなたのコンテンツを読むに、特定の着陸のページ最後にこれを購入するサイトを移動するからmething (販売駆動型のサイト) で、すべてのユーザー エクスペリエンスとしてカウントされます。
ドン ’ t のいずれかを見落とすこれらのこと。
それは ’ トンの問題リンク先のページがない場合、偉大なチェック アウト ページがある場合良い, またはあなたのウェブサイト ’ s ナビゲーションは複雑です。
同じことはキラーのリンク先ページがある場合しかし、チェック アウト プロセスは混乱。
Proce を通して良い体験を提供することを確認します。
あなたはドンので ss ’ t、道に沿って緩やかな変換。
あなたの UX の簡素化に最適な方法では常にコンバージョンを向上させる、これはなぜ我々 はどのようにそれを行うことができますにいくつかのコメントを持っています。
表示することを忘れないあなたのウェブサイト要素だけのプロセスが本当に重要であります。
それ以外の場合は、トスもします目キャンデーの詳細だと思うあなたのユーザーになる ’ の注目を集め 多くの時間これらの事s は、ちょうどそれらを混乱させます。
複雑なパズルを残すし、あなたの運行が simpl を確認してください。
e は、直感的なと良い構造を持っています。
あなたのメニューが明確にするため、ユーザーのいないよ覚えています。
u. ドン ’ t 君と思うと仮定します。
すべてをシンプルに保つし、複数 choic に提供しているを避けるためes。
以下あなたの顧客より良いと思う必要があります。
あなたの目標は、あなたの顧客をクリックするには“ を購入 ” ボタンの気晴らしを避けるため、単純な処理することができます。
Pr したいです。
esent は、販売に変換する方法であなたの製品/サービスです。
ここではいくつかの例の販売-ナビゲートしやすいページを駆動します。
猿の工夫を信じる工作猿は良い examp です。
簡略化されたナビゲーションのル。
彼らのメイン メニューは非常に簡単です、彼らの製品が展示されています美しい方法では、製品に関する情報は簡単に理解できるとチェック アウト pr始めますが 3 回のクリック (いくつかの発送先住所の情報) です。
印刷のスタジオ ショップ同じことが起こりますスタジオ ショップを印刷します。
ナビゲーションは明確、製品が美しく表示されますが追加されることが簡単にできます。
年度は “ カートに追加する ” オプションと “ チェック アウトに進む ” 1 つ。
CycleLux サイクleLux も良い例です。
ホームページから選べばあなたの項目;製品に行く ’ s ページ;あなたのショッピングカートに追加します。
あなたのバスケットとチェック アウトをクリックします。
ここで良いことは、w を点検できます。
ith PayPal は、多くのデータを imputing を最小限に抑えます。
リマインダー: 念頭ドン ’ tUX の簡素化を提供するために 1 つのページのサイト必要な正確、ちょうどことを確認する必要がある各ステップナビゲーションは簡単に理解できます。
Gridbooks Gridbooks は、素晴らしい経験を提供しています。
、ウェブサイトは美しい、きれい、メニューはかなり簡単です。
ホーム ページから、p を選択します。
しで購入したいです。
製品に ’ s のページを追加するだけあなたにそれをカートします。
その後は、チェックインまたはチェック アウトです。
時間を k !また、提供、“ PayPal でチェック アウト ” オプションは、私は大好き !Gridbo でoks 我々 6 のクリックと気持が良い経験は、製品を持って、これは正確にどのようなお客様のワンt. いくつかの箇条書きの UX の簡素化について考えるときこれらの行頭文字のポイントに集中しようとしています。
あなたのページ: 良い第一印象を作る現在いくつかの選択肢の制限気晴らしレイアウト tha を作成します。
t のユーザーに一致する ’ s ニーズ物事は効率的なユーザーのためにそれを維持簡単な維持心 K多くの人々 の心でチューはモバイル デバイスを使用して電子メールのチェックからすべてを行うには物事の購入。
だからあなたのウェブサイトは確認 “ モバイルレディ ” と、そのce はモバイル ユーザーに適しています。
ここで興味深いリンクいくつかリンクされさらに読書 about UX が興味深い見つけるかもしれない。
良い全体の s の理解に役立つ本を 2 冊インプレ UX のコンセプトです。
ドン ’ t を私だと思う: スティーブ K による Web ユーザビリティへの常識的なアプローチドナルド ・ ノーマン 2 つのウェブサイトによって敷物毎日の周りのデザイン: UX 雑誌スマッシング マガジンe UX デザイン BSA とここで広告

今週の私たちのお気に入りのつぶやき: 2014 年 1 月 20 日-2014 年 1 月 26 日

From Our favorite tweets of the week: January 20, 2014 – January 26, 2014

毎週私たち多くの偉大なコンテンツを web 上で検索の強調表示の興味深いものをつぶやき thweb デザイナーに興味のあることができます。
私たちのつぶやきを追跡するために最善の方法に従うことだけです。
Twitter 上で私たちしかし、あなたはここでいくつかを逃した場合の最高の迅速かつ便利なコンパイル我々 は 1 週間これを送信つぶやき。
これはリンクの豊富な非常に小さいことに注意してください。
についてつぶやいたを逃してはいけないので。
すべてのクールなリンクは、単に follo を最新保つためにw 私たちは @DesignerDepot に彼らの再双曲線ウイルス ヘッドラインを変える Downworthy A ブラウザー プラグイン平均の同盟 http://downworthy.snipe.net/@smashingmag 経由で Mac は 30 http://depot.ly/sVrZn エル ファモソ http://depot.ly/sVrmB の創造的な仕事を見て HTML5入力の型の代替 http://depot.ly/sSyss の歴史の中で最大の土地ラッシュでを超えて Tellerrand が帰ってきた @qz を介して 4 http://depot.ly/sSuAx 2 月になって教えましたが開始されます。
ファンタstic のラインアップ、偉大なコンテンツ、素敵な出席者と素晴らしい雰囲気。
http://btco.nf/btWDD2014#btWEB2014 興味深い: 10 物事する必要があります知っているトリミング ツールについて http://depot.ly/sPKMc@marketingland 経由でミニマリストの社会メディアメトリックスにガイド http://depot.ly/sPKenなた shalt デフォルト カーニングと @CreativeBl から #typography の 9 の他の十戒を使用しません。
oq @designshack を介して http://depot.ly/sPJVw ダニエル Gies はそれを殺して病気朝までr 効果リグ。
ここでのビデオをチェック アウト: http://depot.ly/sPH7d をご存知ですか?1990 年、Nintendo すべてに変更があった可能性がある提案を拒否しました: di の背後にある http://depot.ly/sNXjAインタラクティブな alect マップ: インターン、ニューヨーク ・ タイムズの最も人気のある中コンテンツの一部を作成する方法あなたのインスピレーション 2013 http://depot.ly/sNXcG: と思う目に見えないポスター http://depot.ly/sN9B9 @fubiz を介して @FastCoDesign から楽しい: 350 種類のゾンビは、http://depot.ly/sNU4 の説明8 デザイン スタジオ ウェッジ & レバー http://depot.ly/sLxrj の美しい作品を見てください。
100 のウェブサイトを知っているし、http://depot.ly/sLwSG を使用する必要があります * @TEDNews & nbs から素敵なリストp;どのようにデザイナーに破壊されたマイク モンテイロあり: 世界 [ビデオ] http://depot.ly/sLwmb カラフルな wRoseta y Oihana スタジオ http://depot.ly/sLrlK から ork もっとしたいですか?大丈夫!追跡します。
ll 私たち @DesignerDepot 完全コレクションの服の実物大模型、次の私たちのつぶやき only 11 ドル !ソースp img {表示: インライン-ブロックを; マージン右。
10 px;}.alignleft {フロート: 左;}p.showcase {クリア: 両方;}ボディ #browserfriendly p、ボディ #podcast pdiv #emailbody p {マージン: 0;}
monsterputer.thumbnail

ミルトン ・ グレイザーがコンピューターについて右デザインを破壊していたのですか?

From Was Milton Glaser right about computers destroying design?

前回の記事で書いた設計についてコンピューターになった前に設計工業で一般的リュー楽しい有毒な化学薬品とメス鋭い切削工具の日々 を振り返る。
数がcial メディアで共有とさえずりを示した人はどちらかそれらないそう遠く過ぎ去った日 b についてノスタルジックなy、または非電気設計に関与するプロセスに魅了されました。
どこで、ただし、コンピューターには私たちを率いてますか?それは天国のスライスかバイトですか?いくつかの信じられないほどのデザイナーの学生をだったが、ミルトン ・ グレイザーが、私は確かに決して終了すると、コースがまだ心の中で際立っています。
彼は、pコンピューター設計と我々 の若いデザイナーの中の roponent コンピューターを使用して Photoshop 1.5 (2。
0 いた層 !彼らは高速かつ安価な推論コンピューターの彼の嫌いなものによって混乱していた設計生産、速く立った。
彼の教えは時代遅れであると疑うに私たちの原因です。
ミルトンを願っています私は若く愚かだったようにそのステートメントの私を許してください。
年後のブログ暴言 whe を読んでいた日時はいくつかのデザイナーだったブラスト Glaser、mi として設計されているコンピューターについて何かを言うためcrowave は、グルメ料理することです。
ああ-ヘクタール !その ’ s それ私を襲ったとき。
もっと彼の d についてモグモグ言う話し方ミルトンコンピューターの islike は本当にデザインの未来を見た。
彼は扱っていない ’ t 作られた方法でそれを置く理にかなって。
モラルや俳句で引用されていいだろう !残念なことに f の最大の変化またはグレイザー ’ s の比較、実際にグルメ向きの食事ができることを信じてあまりにも多くの人がいます。
わずか 4 分で、電子レンジで調理します。
Adobe CC を持つことは信じている人もいます。
として良い卒業証書のデザイン学校から。
どのようにグレイザー見ましたそれほど早く技術だったので人気モデル ・ ヨンアg ですか?彼はクラスで彼の過去を浮かべた学生でしたか。
すべての学生が彼のポートフォリオを表示するには彼のクラスに受け入れられます。
それは明らか彼のシーズンを鋳造した本当に授業を始め、一度現実の世界では: 美術学校。
彼はちょうど、コンピューター、ツールとしては何を意味療を知っていただと思いますn. それはそれらのための松葉杖だった誰 couldn ’ t、パックに追いつく。
レオナルド ar の心酔者間e 完全なフリーハンド円を描く練習 c で完璧な円を作成する人もいますなめます。
一人は時代遅れですか?他の人は完全な利点にテクノロジーを使用してますか?ごとに 1 つは息子右と間違っているか?個人的な技術の現在の状態に持っている b を否定することはありません。
国民の手にこれで我慢デザイン ツールです。
図面の就学前のゲームとパズルを f からunctions 大人の誕生日のお知らせやガレージ セールのチラシを使用して、誰もがそのデを見てサインは簡単、我々 は過払いガクンガクン。
人々 は、skippi ソフトウェアの機能の研究ng 色理論、タイポグラフィー、デザインの歴史や、purp アート学生に強制の他のクラスノックの ose は事前 creativi のレッスンを吸収できるので空に近い頭から概念を考案ty とデザインの可能性を探るし、彼らはまだ自ら考える “ デザイナー & # 82。
21;私は、最大利得 ’ ve は常に直角のひどい目を持っていた。
私はすることができます ’ t cenテル何か、それらの 1 つを使用してオフにインチとの間ですべてにパイカに青色のルーラー、私の仕事だけではないです。
印刷されたグリッドは、レイアウト ボードとして使用されていた何かこれらのコンピューターの前に数年を存続で私の唯一のチャンスはそれ (これはほとんどのボード) はだった私の目になり、手を振ってします。
化学物質を責めます。
レイアウト関数の設計プログラムve は文書全体をポンプするそよ風をしました。
として、co として大判印刷物の仕事ンピュータの年齢それだけではなく半分以下の時間での生産時間をカットを見た私たちを洗ったが、生産コスト削減が終わった前の費用の半分。
ハヴィ脇のパーソナル コンピューターng、印刷の虐殺を非難したデジタル時代、世界の金融のブームをもたらした。
文句を言う入札とクラウドソーシング サイトについて可能性があります、彼らは世界中でデザイナーを与えたそのロケールで利用できない仕事のために競争するチャンス。
それは与えた中小企業ツール succインターネット経由でグローバル eed。
突然、世界は、可能な顧客だった。
ソフトウェアを介して、半分 th唯一の所有者が取れなくなる e 管理作業が自動化されています。
多くの大富豪は emインターネット/コンピューターから erging ベースのビジネス。
コンピューターは同僚や砲塔を pranking ために大きいoying あなたの敵の生活。
デスクトップ、ラップトップ、タブレットとモバイル デバイス、t の数彼は世界が接続になっています。
我々 はカメラ付き携帯電話で撮影した実際のニュースを得る、異なる工部で人々 に会うntries や Facebook、Skype や外国の花嫁サイトを異なる文化。
毎日、世界を取得します。
少し私たちよりお互いについて学べば学ぶ中小さい。
その ’ s 肯定的なもの !Op離富む必要が我々 のアプリのための市場の話ですか?それ ’ s ないちょうど約コーディング、& #8217; 創造性についても。
考え、必要性および履行は、常に創造的な確率によって駆動されます。
lem の解決。
他の創造的なプロジェクトは、インターネットにわたって生産だけでなく販売し、販売することができます。
自分の上司である人々 のためのオプション介護者パスを制御し、彼らの自身の紋章を操縦解像度はクリエイティブ自主、商業プロジェクトの考えることができるための素晴らしいことです。
タキ誰もがそのないハンマーを拾うことができるバックのデザインを ng ’ t はそれらに大工を作る。
創造的です思想家、道具としてのコンピューターをマスターする必要があり、さまざまな、適用するデザインのより良い方法それら。
かどうかそれ ’ s スキャン オブジェクト テクスチャまたは設計の要素レンダリングの手のタイプr、ロゴ、または web サイトを設計するときの規則を壊します。
機械的 u だけのツールを知っている人ses が決して測定を考え、創造的なデザインを知っている人と巧みそれ thro を適用することができます。
うーんこのような寒さ、死んでマシン。
デザインは、もちろん、独自に進化する必要があります。
ツールを変更します。
それは常に設計の基礎となる創造性。
しばらくそれはフォト ショップ作成フィルターがすごい !デザインが、それはフィルターを習得し、d でそれらを使用する人本当にこのような設計要素の高いバーを設定実感の方法。
フォト ショップとイラストレーターのヒントトリックを誰がそれらを学ぶし、のデザインの進化の一部であるそれらを驚かせ続けています。
第 5 回でe 最後に、しかし、私たちあまり必要があるどのようにソフトウェアの仕事とを作成する方法の詳細について学ぶためにデザインの仕事 !ミルトン ・ グレイザーがコンピューターについて右デザインを破壊していたのですか?コンピューターを持ってヘルペッドエッグ、業界を傷つけるか?私たちのコメントで自分の考えを知っています。
画像 © GL ストック画像Mac 用感覚 + 透かし感覚をリサイズ 14 ドルのみ !Sourcep img {表示: インライン-ブロック; 余白-右: 10 px;}.alignleft {フロート: 左;}p.showcase {cl耳: 両方;}ボディ #browserfriendly p, 体 #podcast p, div #emailbody p {マージン: 0;}