PaperCSSは手書き風のゆるーいスタイルなCSSフレームワークです。フォントにはPatrick Handが使われ、ボーダーも真っすぐな線ではなく、ラジオボタンやチェックボックスも手書きのようなスタイルとなっています。くだけた感じのスタイルを提供するのが目的のよう。昨今のWeb上ではモダンで洗練された綺麗なスタイルばかりで疲れたらしいです。 個人的には洗練されているのが美しいと感じるのではなく、単純に見てて疲れないシンプルなスタイルが好き（このブログはシンプルに作れてないですけど）ってだけなんですが、確かに同じようなスタイルばかりで見飽きる方もいるかもしれませんね。数年前は手書き風とかテクスチャを使った～、みたいなスタイルも見かけてたんですけどちょっとロードが重くなったりもするし難しいですね。 本フレームワークは手書き風ではあるもの、シンプルに作られていて割と見やすい印象なので面白いなぁ

世界中に多くのフリーフォントがある中、もっとも安心して利用できるのがGoogleフォントだと思います。一定のクオリティをクリアした美しいフォントがすべてオープンソースで無料で利用することができます。 そんな素晴らしいGoogleフォントの中から、個人的にオススメするフォントを12個紹介します。

コンピュータで正確な数値をもとに位置や大きさをそろえると、当たり前ですが確実にそろいます。一方で、数値的にそろえた状態が、必ずしも「そろえた」とは言えない現象が、デザインの分野ではたびたび起こります。 人があるものを目で認識するときに使う脳のはたらきによって、数値的には正確に同じでも視覚的には違って見えてしまうパターンがあります。目の錯覚、錯視といわれるもののことです。 関連記事 脳と創造性：人工知能と脳科学の関係、そしてチューリング 脳と創造性：脳、創造、社会に共通して重要なのは、スモールネットワーク 数値的な正しさ、視覚的な正しさ 大きさをそろえる 正方形と正円で比べる 文字で比べる 正方形を回転させる 分かったこと 数値的な正しさ、視覚的な正しさ 錯視を調整するには、今でもコンピュータではなく、最後に人の手作業で行なう必要があります。これは、「そろって見える」には近接した要素との関係

Outbrainという会社の「WEBコンテンツの見出し（タイトル）」について、15万記事を調査したデータが、おもしろかったので簡単にメモ。 １）8ワードのタイトルがクリック率が最高に。 記事タイトルの長さとしては、8ワード（英語で）のものが一番クリック率が高かった。平均よりも21％高かった。 ２）サムネイル画像を入れるとクリック率＋27％ ほとんどのメディアはやっている気がするが、サムネイル画像を記事タイトルに加えると、クリック率を27％も高めることができる。 たぶん、ソーシャルのOGP画像とかもそうだし、あとはスマートニュースとかにも、多かれ少なかれ、当てはまる話だと思われる。 ３）偶数よりも奇数のほうが20％も吸引力がある 偶数よりも奇数のほうがクリック率が20％も高まる。たとえば「デザイン上達8のコツ」よりも「デザイン上達7のコツ」にすべきだと。 感覚的には「3・5・7」あたりの数値

インターネットを通じて商品やサービスを提供するWebサービスは、ユーザーも企業側もお互いが直接向かい合わせることはほぼできません。 実店舗のようにお客様と対面し、直接話をしながら接客できない分、お客様の心理をできるだけ想像し、その心理に沿ったホームページ作りを行う必要があります。 今回は、ユーザー心理を理解するうえで役に立つ心理学用語を36語を解説付きで紹介します。 第一印象が肝心 1.アンカリング効果 人は一番最初に見た数字やデータをよく記憶しており、何かしらの意思決定を行う際、最初に見たデータを重要視する傾向にあります。これを「アンカリング効果」といいます。 アンカリング効果を応用し、ユーザーに対し「この商品はお得だ」「良い買い物ができた」と思わせるようにするための仕掛けを作ることもできます。（「数量限定」「期間限定」というふうにプレミア感をアピールする等） 2.ハロー効果 ある1つの

専門教育やだれかに師事することなく、独学でやってきたなかで参考になった教本、後輩に読んでもらいたい、読んでもらって好評だった本をまとめました。 専門胸臆を受けていない、美大出ではないというのがキャリアのはじめではコンプレックスでもありました（今はほとんどないですが） 独学で進めていくと、どこかでツケを払うときが来ます笑 そんなときにお世話になった本たちです。 ノンデザイナーズ・デザインブック [第4版] 『この本がデザイン学校の4年間の代わりになる、と言うつもりはありません。また、この小さな本を読めば、自動的に優れたデザイナーになれる、と言うつもりもありません。しかし、あなたがページを見る目は確実に変わるでしょう。この本の基本原則に従えば、あなたの作品が、もっとプロらしく、組織化され、一体化され、おもしろくなることを保証します。』(著者「まえがき」より)定番の定番。 ノンデザイナーズとある

これらのスキルが全てパーフェクトに備わっていなければならない訳ではありません。人それぞれバラつきがあって当然です。 あくまでもデザイナーとしての成長過程で、自己理解をしながら取り組むべき課題を可視化して成長してもらうことが目的となります。 フィードバックの方法 個別のスキルの説明に入る前に、フィードバックの方法がかなり重要なので、触れたいと思います。 9分類の中から “ 良いところ ” と “ 期待したいところ ” （指摘や注意など）を必ずセットで2〜3つづつをフィードバックします。どちらか一方のフィードバックでは、最悪なコミュニケーションになってしまうことは、想像できると思います。ここでは、個人のスキルをポジショニングして、可視化することが重要です。 例えば… 絵作りや装飾を作り込むことが得意なデザイナーが、バナーのような限られた空間でのデザインがうまく行かず苦戦するケースがあります。本

The repository of publicly available design systems and pattern librariesStart Exploring SystemsWhy Adele?

こんにちは、Web制作会社「株式会社LIG」の代表取締役会長、ゴウです。 今回、LIGで働くWebデザイナーとディレクターにアンケートを取り、制作する際に普段参考にしているかっこいいサイトや、おしゃれなギャラリーサイトを集めてみました。 毎日仕事で使っている彼らのチョイスなので、かなり実践的で参考になる、かっこいい・おしゃれなサイトが集まったと思います。 全部で27個も集まったので、ジャンル別に分類もしました。それではいってみましょう！ デザインの引き出しを増やすには？ デザインの引き出しを増やすには、インプットのほかに、自分のアウトプットに対して誰かからフィードバックをもらうという方法もあります。周りに相談できる人がいなければ「スクールでの勉強」もおすすめです。 💡現役のプロからデザインを学べる「デジタルハリウッドSTUDIO ｂｙ LIG」の詳細はこちらから ※このページは、2021

製品・ソリューション 製品・ソリューション トップ 市場・用途で探す エレクトロニクス オプトエレクトロニクス モビリティ エネルギー パッケージ メディカル・ヘルスケア 建築材料・住空間 印刷 製品カテゴリで探す 色材 電子材料・光学材料 接着材料 コーティング インキ その他 ソリューション 展示会 コラム 研究開発 研究開発 トップ 開発方針・体制 テクノロジープラットフォーム 研究所概要 会社情報 会社情報 トップ 社長メッセージ Brand Promiseと理念体系 経営方針 会社概要 役員一覧 事業紹介 artienceグループの歴史 株主・投資家情報 株主・投資家情報 トップ 経営情報 経営情報 トップ 社長メッセージ 経営方針 役員一覧 ガバナンス 社外からの評価・イニシアチブ 情報開示に関する方針（ディスクロージャーポリシー） 業績ハイライト・業績見通し 業績ハイライト・