エディトリアルデザインから盗め！女性誌に使われているデザインを見てみた｜アクトゼロ｜SMMやSEMを中心としたデジタルマーケティング会社
こんにちは。年末ですね。クリスマス、忘年会、年越し、お正月と忙しい時期でしょうか。お仕事もラストスパート頑張りましょう。 最近ランディングページでも、フラットなデザインだったりわりとシンプルなデザインを作ることが多くなってきている気がします。昔のようにごりごりに装飾を使うというよりも、“今っぽい”シンプルおしゃれなものを作りたいですよね。そこで参考になりそうなものが、雑誌のデザイン(エディトリアルデザイン)です。紙とWebなのでそのまま真似るのは難しいですが、ちょっとしたあしらいなら参考にできそう！今日はそんなあしらいを紹介します。 版ズレ風文字 カンタンだけど結構おしゃれに見える、そんなあしらいです。基本的には濃いフチに薄い色をズラすのが良いかと思います。見出しに使えそう？ 鉤括弧 鉤括弧といっても普通の「かぎかっこ」ではなく、細めに大きめに、テキスト全体を囲うように使うのがポイント。こ
絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って？ カラーモードRGBとCMYKとは？ 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って？ まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
クリエイティブが良くて、情報整理が出来ているwebサイトまとめ | POP1280
ARTICLE - No.15 issue-2015.5.30 update-2015.11.29 10,969 views Posted by Keisuke Aratsu POP1280 最近見たwebサイトの中で情報整理やクリエイティブのバランスがいいと感じたサイトをご紹介します。 今回は全部で3サイト、どれもいいと思って何回もサイト訪問してしまったサイトばかりです。どれも甲乙つけがたくいいサイトで、自分も真似したくなるものばかりでした。 熊本県阿蘇郡小国町 杖立温泉 熊本県阿蘇郡小国町の温泉街のwebサイト。 昔ながらの風情ある温泉街の雰囲気を伝えるのがコンセプトなのか、レトロなデザインで統一されています。 トップページは情報量がそこまで多くない分、ナビゲーションをヘッダーに固定していつでも下層ページにアクセスできるようになっている、ユーザーには親切な設計だと思います。 このサイト
[UI]ボタンや画像のマウスホバー時のアクションはどうあるべきか
Twitterでの話題 マウスホバー時の表現について、Twitterで少し話題になりました。ちょっとツイートをとぅぎゃったりしてたわけではないので(誰かしてたらお願いｗ)全部を拾っているわけではないのですが、昨日のぽよしさん(@poyosi)のツイートと関連したものを紹介。 【質問】マウスホバーの時って明るくするのが一般的にとかあるんかいな？ — ぽよし (@poyosi) February 19, 2013 ホバー感については世界観で考えることがおおいけど「触れてる」「押せる」が明確になればいいんじゃないかと思ってたけど意見が色々… — ぽよし (@poyosi) February 19, 2013 @poyosi 何かで決められてるかはわからんけど、基本的にはやっぱポジティブな方向(明るくなる、大きくなる、前進する)に変化するのが自然やと思う。 — 酒井優 (@glatyou) Feb
![[UI]ボタンや画像のマウスホバー時のアクションはどうあるべきか](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c212cf3dc92239d6b10fee122a3a71ed5d5b1ea/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F02%2Fui-hover-action-02-150x150.png)
infogra.me | インフォグラフィックスコミュニケーションサービス
制作実績300以上。インフォグラフィック、データビジュアライゼーションの制作に特化したサービスです。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
MdN Design｜総合情報サイト
新鮮さが売りの野菜など、食品を扱うサイトでは写真の質そのものが及ぼす影響が大きい。新鮮に見えないというのは、やはり問題になる。ここでは、照明もなくうまく撮影できなかったサンプルを基にして、「レベル補正」や「明るさ・コントラスト」を使いながら、新鮮でみずみずしく見せるテクニックを紹介しよう。 >> point << 撮影ポイント ■できれば撮影用の照明を利用する ■自然光をうまく活用する ■適正より気持ち明るめに撮影する 【1】新鮮そうであったりみずみずしさを演出するには、明るさがひとつのポイントになる。撮影用の照明機材がなかったり、撮影時に露出を失敗していたとしてもPhotoshopの補正機能を組み合わせることで、そんな失敗写真もよみがえらせることは可能だ。まずは「レベル補正」を使ってRGB各色のレベルをそれぞれ補正する【1-1】【1-2】【1-3】。 【1-1】 【1-2】 【1-3】
coconala（ココナラ）のリデザインを担当させていただきました
7月3日に公開されたココナラ（運営会社：株式会社ウェルセルフ）のリデザインを担当させていただきました。 ココナラをどのようにデザインしていったか、またデザインの特徴などを書いてみましたので、参考になればと思います。 そもそもココナラとは？ 500円で個人の経験・知識・スキルを売買できるWebサービスです。 自分の得意なことをサービスとして売ったり、他の人の得意なことをサービスとして買ったりすることができます。 購入者一人ひとりに合わせたオーダーメイドの回答がもらえることが特徴です。 私の担当領域 デザインがメイン作業で、単純なページに関しては情報設計＋デザインを担当しました。 また、1からのデザインではなく、元々のベースがあって、それの作り替えという感じでした。（なので、リデザイン） 情報設計は @satoshimmyo さんが行い、その指示のもとデザインを作成していきました。 デザインプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
freebiesbooth.com
Beautiful Free Images | Unsplash
Media Queries
One Page Love
Design Deck in no longer running