[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
自称WEBデザイナーさんへ
WEBデザイナーから上がってきたデザインが酷すぎる。 事前にコンセプトやテイストを伝えて、参考サイトのURLも送った。丁寧に強調したい部分とか、写真の意図も伝えた。予算も作業時間にも無理がないか確認した。 それなのに、送られてきたデザインは、私の作った白黒のワイヤーフレームに色やグラデを付けて、ちょっとレイアウト調整して、フォントを新ゴにしただけ。 これが「デザイン」ですか？メインキャッチを新ゴで書くことが、デザインですか？強調したいと言った部分を赤にすることが、デザインですか？指示した写真をトリミングもせずそのまま配置することが、デザインですか？ 思わず言ってしまった。「これ、まだ途中ですよね？」 いや、私の仕事の中に「スタッフが気持よく仕事できる環境を整える」ことが含まれているのはわかっている。分かっていても、嫌味を抑えきれないほどの酷さだった。それでもなんとか「あ～すみません、時間な
素人っぽいデザインから脱却するための12のデザインチップス | webox blog
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
こういうgif下さい！！！！！！ : あっ・・・ＶＩＰＰＥＲだ///
2013年01月20日01:02 こういうgif下さい！！！！！！ カテゴリＧＩＦ画像 (癒し/面白gif) Tweet 1 以下、名無しにかわりましてVIPがお送りします2013/01/19(土) 22:18:09.68 ID:HF/KCln50 2 以下、名無しにかわりましてVIPがお送りします2013/01/19(土) 22:18:54.79 ID:HK0mOL080 27 以下、名無しにかわりましてVIPがお送りします2013/01/19(土) 22:44:15.00 ID:kqTiDmvw0 >>2 SUGEEEEEEEEEEEEEEEええええ 6 以下、名無しにかわりましてVIPがお送りします2013/01/19(土) 22:21:07.41 ID:j8daQctV0 64 以下、名無しにかわりましてVIPがお送りします2013/01/19(土) 23:28:33.19 ID:
プリントパック
印刷サービス 集客支援サービス おすすめ よくご利用いただく商品 キャンペーン・季節商品 新商品・リニューアル Pick Up ! 特集ページ プリントパックの特長 お問合せが集中し、お電話が繋がりにくくなる場合がございます。 下のボタンからお問合せ不要で手続きいただけます。ご活用ください。 ご注文前のお客様ヘ ▶注文したい ▶価格を知りたい ▶見積書がほしい ▶データチェックをしたい ▶ユーザー登録をしたい ▶無料サンプルがほしい ご利用中のお客様へ ▶データを入稿したい ▶納期・進捗を確認したい ▶発送先・発送元を変更したい ▶注文内容を変更したい ▶印刷データを差し替えたい
Illustratorグラフィックソフトコース Lite/コース案内 | デジハリ・オンラインスクール(通信講座で初心者からグラフィックデザイナー)
Photoshop(フォトショップ)とは Adobe Photoshop（アドビ フォトショップ）は、Adobe社が開発・提供する画像編集アプリケーションソフトウェアです。 写真の加工や合成、グラフィックの作成などなど、画像を自由自在に編集できるのが特徴です。たとえば、画像の明るさ変更のようなライトなものから、人物写真の美肌加工、写真に写り込んでしまったものを消すなど、その用途はさまざま。デザイナーを志す人はもちろん、日常的な画像編集でも幅広く使えるので、趣味に仕事に使用頻度の高い人気のソフトウェアとなっています。 Illustrator（イラストレーター）とは Adobe Illustrator（アドビ イラストレーター）とは、Adobe社が開発・提供するベクターイメージ編集ソフトウェアです。ロゴ制作やレイアウト、曲線や直線などの様々な図形を用いた表現、イラスト制作、書籍の装丁制作などを
雑誌風、新聞風のWEBレイアウト50選「50 Impressive Magazine and Newspaper Styled Web Designs」
雑誌風、新聞風のWEBレイアウト50選「50 Impressive Magazine and Newspaper Styled Web Designs」 最近国内でもよく見かける紙面のような、レイアウトのWEBデザイン。従来のモノと比べて新鮮な印象を受けます。今日紹介するのはそんな雑誌風、新聞風のWEBレイアウトを集めた、インスピレーション集「50 Impressive Magazine and Newspaper Styled Web Designs」です。 R.fm – The Finest Blend of Club Culture 一口にマガジンタイプといっても、様々なレイアウトが公開されています。全部で50ものレイアウトが公開されていますが、今日はその中から気になったものをいくつか消化したいと思います。 詳しくは以下 ■Zaum & Brown | CD Sleeve Desig
『[イラストレーター]レイアウト時に便利！ガイド（目安線）の作成』
Adobeデザインソフト（Illustrator・Photoshop・InDesign・Acrobatなど）の使い方を中心としたチュートリアルブログ。 みなさんこんばんは。 アドビ認定インストラクター★まきのゆみです＾＾ もう6月も終わりますね。早いです！ 私には今月もたくさんの新しい出会いがありました。 ビジネスで新規のお客様とお会いすることができました。 プライベートで新しい友人ができました。 こういった出会いは< 私の生活に新しい風を吹き込んでくれ、 日々刺激になっています（＾＾） みなさんはいかがお過ごしでしょうか？ さて、本日の授業（CG2） ＜学習目標＞ ■マージンの作成ができる ■ガイドの作成ができる ■段組の作成ができる ■スレッドテキストの作成ができる ★実習－フリーペーパー 1回目（全4回） 本日からこのクラスでは、 フリーペーパーの実習に入りました。 だんだん複雑なも
![『[イラストレーター]レイアウト時に便利！ガイド（目安線）の作成』](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc4e0eb577c8edd377747130248145ba2ff410f3/height=288;version=1;width=512/https%3A%2F%2Fstat.profile.ameba.jp%2Fprofile_images%2F20240113%2F22%2F4e%2FnI%2Fj%2Fo28482848p_1705152804772_e7pv0.jpg)
美大生の語る完成品に向けてデザインが進むプロセス
海外有名美大へ通う美大生に教えてもらったこと。一晩かけて完成品に向けてデザインが進むプロセスを話ししながら過程の写真を見せてもらった。めちゃくちゃおもしろく、刺激を受けたので自分の理解としてメモ。 本人はかなり論理的ではない話し方をするので、それを基本的に論理的に思考するぼくが自分が理解できる形に落としてしまっている。このため、大切な要素は抜け落ちしている可能性が大いにある。ただ、本人の説明をそのまま載せると「こう、ええなあと思った」とかそんなんで終わってしまうので、こうなっている。あしからず。 デザインをするときに、大きなイメージで作りたいものの方向性を出す自分の作りたいものが完成したとしたら、それはどんなものでできているんだっけ？ (構成要素への分解 構成要素であるかもしれないもの程度の確度) 素材はなにでできているかどんな色をしているか手触りは？置き方見る向き光の当たり方作り方おもし
国内の素晴らしいブログデザインを50個。月15万PVを生むブログをデザインしたときに徹底した７つの要素。 他｜日刊 男子ハックニュース（2012.5.22） * 男子ハック
@JUNP_Nです。日々忙しくてニュースのチェックもままならないWeb界隈の皆様に話題に乗り遅れないために、男子ハックが気になったIT/Web界隈のニュースをまとめています。 国内の素晴らしいブログデザインを50個集めました。 | Love&pointcard やっぱりWebデザイナーさんがやってるブログってデザインが素敵ですよね。 月１５万PVを生むブログをデザインしたときに徹底した７つの要素 | バズ部 なるほどなるほど。バズ部さんってデザインもシンプルでいいですよね。 学割キャンペーン終了間近 … 携帯ショップ店員が語る「SoftBank iPhoneが好調な理由」とは？ : iPhoneちゃんねる つまり地方ならau。都内ならSoftbankってことですね。 今日のひとこと Facebookページ用のアプリがUS Storeでリリースされているらしい。 日本のストアでのリリースが楽
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
1年目デザイナーに読ませたい配色の考え方を学べる記事
配色センス0でも大丈夫！？服、インテリア、デザイ... / Webサイト制作において、私なりの色選定の考え方... / 色と人の感覚とウェブデザインのはなし - バニデ...他...全10件
新人デザイナーに教えたいWebデザインの基本原則【整列】
以前私は、デザインの勉強を一切したことの無いデザイナー志望の新入社員に、webデザインを教える教育係を任されたことがあります。 教育なんて簡単なんじゃないの？と安易に考えた私は、案の定痛い目を見たわけです。この日から1ヶ月間、私は毎日3時間残業する羽目になってしまいました。 人に教えるのは意外と難しく、何から教えたら良いのかすらわかりませんでした。ただやはり最初なんで基本が大事だろうと思い、先輩達のアドバイスを受けながら、【デザインの基本原則】を教えることになったわけです！ 今まさに新人教育に困っている人がいれば、まずこの記事を読んでもらって見てください！新人デザイナーに教える手間が1.2時間はぶけるかもしれません！(記事がわかりにくければ読ませないでください。その時はごめんなさい) では、早速本題に入りたいと思いますが、まずは私が新人デザイナーに初めに教えることにした【レイアウトデザイン
目指せ爆速WEB屋！過去2年間かけて知ったリソースを駆使して作るサイトの制作手順！ | バンクーバーのうぇぶ屋
『一時間前の自分より、一秒でも作業スピードを上げる努力をなさい。』 僕が心の底から尊敬する人に以前言われた言葉です。今でも僕の背中にはこの言葉が刺青として刻まれて……いたらどうしよう恥ずかしい（汗） さて、毎年年末年始は僕にとって今まで自分が意識してきた作業スピード、そしてクオリティの両面を試す時期です。去年作ったものより、どれだけクオリティを上げることができ、どれだけ作業スピードを上げることが出来たのか。まぁ、タイトル通り、完全自己満足万歳な記事なので、去年よかちょっとスキル／スピード上がったかなぁと僕自身が感じられたら良しとしてます（笑 とりあえず、難しい話はありません、今回はみんな大好きWordpressでブログを作ります。基本、僕の作業手順を追いながら制作の助けになったリソースを紹介していく感じになりますが、何かの参考になれば嬉しい限りです。制作したサイトは公開してますので、最後に
Webデザイナー（私）によるWeb制作のときに気をつけてることや制作フローとかいろいろ
私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違
ここまで教えてくれていいの？！WEB屋のテンションと底力を上げる厳選チュートリアル色々！ | バンクーバーのうぇぶ屋
WEB制作のチュートリアルって本当に多いですよね。 でも、本当に役に立っている、制作に生かせてるチュートリアルって少なくないですか？チュートリアルの過程が中途半端だったり、途中からついていけなくなったり。はたまた、続きは有料なんて物も今までありました。 しかし！僕の短いWEB屋人生ですが、年に2、3は『お、おぉぉ！マジテンション上がるWA！』と叫びたくなるチュートリアルに出会うことが稀にあります。そんな感銘を受けたチュートリアルは速攻でFacebookにアップしているのですが、今回は今日まで見てきた中で、余りにクオリティが高かったり、確実に自分や周りのスキル、そしてテンションを上げたチュートリアルを厳選してご紹介！ 英語記事メインですが、デザインよりならステップbyステップなのでなんとかなります！コードなら、Demoとか多いので見ながらついていけば理解できます！是非参考までに流し読みして見
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
実用書には載ってないイラストレーターの使い方。
HTMLの外部ファイル化