デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
![デザインのこつが分かる!確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad733acba3cc5facea30d44920bb9315baf22596/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015071204.png)
文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ
あまり見かけない、かつ実用的なCSSのプロパティをまとめました。 他プロパティに依存するプロパティは割愛します。 ブラウザ対応状況はCan I Use等でご確認ください。 紹介するCSSプロパティ will-change scroll-behavior resize object-fit と object-position appearance user-select font-feature-settings text-rendering font-smoothing hyphens pointer-events will-change 予め演算処理をさせておくプロパティです。 これから変化する スクロール位置 / 要素 / プロパティ を値に設定すると、事前に変化をブラウザに知らせる事ができます。 アニメーションのカクつきを、いくらか抑えることができるでしょう。 ただ、何にでも指定して
2017年10月31日 CSS, Webデザイン, Wordpress サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。 ↑私が10年以上利用している会計ソフト! 料金表をデザインするときのポイント 1. プランの違いをわかりやすく まずは各プランのサービス内容と料金をわけることから始めましょう。各プランの名前を料金表の先頭において、ひと目でどのプランについてまとめているのかを認識できるようにします。プランをグレードアップするごとにプランの名前もランクが上がるよう命名しましょう。 よくあるプラン名: ブロンズ・シルバー・ゴールド・プラチナ マイクロ・スモール・ミディアム・ラージ
直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性(Webではクリックですが紙では触るなど)の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も!ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例
IT企業の会社役員を務めながらお笑い芸人としての活動も始めた厚切りジェイソン(29)が日本の悪しき残業文化をぶった斬り、大絶賛されている。 5/14、厚切りジェイソンは残業は本当にバカバカしいと思いっきり毒を吐いた。効率性の悪い仕事に本当に怒っているようだ。 厚切りジェイソンは17歳のときに飛び級でミシガン州立大学に進学し、イリノイ大学大学院に入学。2005年には旭化成で音声認識ソフトの開発に従事していた切れ者で、現在はITベンチャー企業「テラスカイ」の株を1万株保有しながら役員を務めている。 もともとアメリカで働いていた厚切りジェイソンは日本の勤労システムは実に矛盾していると痛烈に批判する。 今は昔と違い、労働時間と生産量が比例する単純な仕事は機械がやるようになってきており、人間は知的生産を主な仕事として行うようになっている。それゆえ、もはや時間を基準として報酬を決める残業制度は矛盾でし
ゲストライターの村上です。 先日、Creative Cloud フォトグラフィプランをプライベートで導入しました。Lightroomを使ってみたいのと、Photoshopの最新機能をいつでも導入したいと思ってました。昔なら10数万払って購入していたものが、月額1000円で導入出来るのは非常に良いですね。 OSのアップデートがあると古いソフトは不具合が起こることもあるので、アップデートの更新費用を考えたら、かなりお得に感じます。 Adobe製品は仕事でも使っているので、何回かは今までにアップデートしながら使っています。そういった時にいつも自分が行っていることがあります。それは新機能の確認です。 アップデートの1番の醍醐味はやはり新機能の追加だと思います。しかし新機能なので当然ながら、それに関しての記事が非常に少ないです。なので自分はアップデートが行われてしばらくたった後に、辞書のような厚さの
WEB制作のポイント 2017年7月16日 初心者が、WordPressでコーポレートサイトを作る全手順-2 初回の「初心者が、WordPressで企業サイトを作る全手順-1」では、企業サイトの体裁をおおよそ完成させた。 第2回目となる今回は、各セクションの体裁をどうするか、どうやって更新していくかについて紐解いていこうと思う。 数あるCMSツールのなかでも、WordPressは実は初心者にとっても扱いやすいもので、なおかつ極めようと思えば、その意思に応えてくれる奥深さも備えている。 「初心者が」のキモは、あらかじめテンプレートが準備されているCMSツールを活用することによって、HTMLやCSSといった、いわゆるWEB制作の知識がなくても、WEBサイトとしてある程度の体裁を整えられることだ。 少し馴れてきたら、WordPressを使って、試行錯誤しながらでもWEBサイトにあなたのオリジナリ
JavaScriptを書いていたらブラウザがくっそ重くなる症状に出くわした。あぁ、噂のメモリリークですわ。 先人の知恵に頼るマン。それっぽい記事が見つかる。 javascriptのメモリリーク対策(随時更新) - Qiita Shibu’s Diary: JavaScriptのメモリリークを10倍速で発見する Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools Writing Fast, Memory-Efficient JavaScript - Smashing Magazine angularjs - How to catch memory leaks in an Angular application? - Stack Overflow 上の記事はProfiles + Take Heap
デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない… なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ
*Photoshop(フォトショップ)*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop(フォトショップ)チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-
ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。 眺めているだけで、さまざまなインスピレーションをもらうことができます! ヘッダのデザイン フッタのデザイン ナビゲーションのデザイン 見出しのデザイン いろいろなパーツのデザイン ヘッダのデザイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く