初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった

シンプル＆軽量で爆速表示されることに定評のある「阿部寛のホームページ」トップの写真が変更され、ネット民が一瞬ざわつきました。写真が変更されたということは内容やデザインが更新され表示が遅くなってしまったのでは……と思われたものの、写真以外は据え置きの英断が下されており安堵（あんど）の声が広がっています。芸能人公式サイト最軽量の座は今後も不動のもよう。 阿部寛のホームページ 従来の写真 「阿部寛のホームページ」は、俳優・阿部寛さんの公式サイト。その特徴は芸能人の公式サイトとは思えぬ圧倒的シンプルさで、90年代の個人サイトのような構成になっています。その分信じられないほど軽量で、「開いた瞬間ページが全て表示される」「通信速度制限になったら阿部寛のページ見てる」といった声があがっているほど。 今までは正面から光の当たったシンプルな写真でしたが、今回は右から光が当たった渋い写真になりました。以前の写

配色を決めるのは難しい ブロガーの皆さんはカスタマイズをとかすると思うんですが、配色ってどうやって決めていますか？いい感じの色使いって難しいんですよね。そういう仕事してるぼくでさえ、悩むポイント。ちょっと苦手です。 今日紹介するのは配色ツール。 このブログの場合は自分の好きな色でまとめた感じなんですけど、やはり見やすい色の組み合わせってあるので、好きな色をいくつも入れたら見た目がド派手になってしまった！なんてことも起こりがち。 そういうのを一気に解決してくれるやつを紹介します！ AI（人工知能）です！未来ですね。 しかも無料！（素晴らしい） Khromaっていいます！！（読めねーよ！） Khroma – The AI color tool for designers 使い方はとても簡単 サイトを開いて【Personalize】をクリック するとカラーパレットがズラッと出てくるので好きな色を

こんにちは、R&D 部の青野です。 「読者視点で見やすくて読みやすいページを作りましょう」とよく言われてますが、たまには見づらくて読みにくいページがあってもいいんじゃないか。 ということで、読みにくいページを作りました。 と言っても、デザイン、ページ構成的にというわけではなく、ただ暗いだけのページです。 仕組みとしては暗く描画した canvas タグをページの上に重ねているだけとなっております。 また、このページはモバイルとPCでは見え方が少し違いますので、モバイルで見ている方はPCでも見てみてください。 （さすがに暗いままだと記事が読みにくいので、ページを明るくするボタンを付けました。ご利用ください。） ON OFF 通常 canvas 要素や img 要素などが上に重なっている場合、その下にある要素は選択できなくなります。しかしこのページではまっ暗な状態でも上にある[ON][OFF]の

CATK http://catk.de/ #513baa #6445e0 Frank Chimero http://www.frankchimero.com/ #00deb7 #5fe2ff #6144b0 #ff4a5d #fff3cd Prospek https://prospek.ca/ #46b085 Mixd http://www.mixd.co.uk/ #1c4bbe Flavor http://www.madebyflavor.com/ #f84c74 #9f6cc8 #4d9ff5 #4bdcb5 Build in Amsterdam http://www.buildinamsterdam.com/ #79a596 #222327 Socialist http://www.sociali.st/ #f53e2e #0b0b0b Square https://s

タレントで女優のいとうまい子（49）が、1月26日放送のバラエティ番組「有吉反省会」（日本テレビ系）に出演したことをきっかけに、自身初となる大胆なビキニ姿を披露、実年齢に対して、あまりに美しすぎると話題になっている。 ■アイドル商法の先駆者、AKBの大先輩!? 今回話題になった写真は、いとうまい子が10年以上前から取り入れていたという「AKB商法」によって、自身のカレンダーの特典になっており、5部以上購入するとついてきて、9部購入すれば5種類あるビキニ写真をすべてコンプリートできるそうだ。しかしこのサイト、見ての通り、トップページにデカデカと表示されるビキニ写真にかけられたモザイクが一層怪しさを醸し出しており、サイトデザインも二昔ほど前の雰囲気で、これが一流芸能人の公式サイトかと信じがたくなるものだ。 ■公式ホームページ開設は1995年！　そのセンスは時が止まっている…！ この公式サイトは

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

米Googleは12月5日（現地時間）、「Googleカレンダー」と「Gmail」のデータをダウンロードできるようにしたと発表した。Googleカレンダーは同日から、Gmailは向こう数カ月中に“ローリングアウト”する。 同社は2009年にユーザーデータの完全開放を目指すサイト「Data Liberation」立ち上げ、様々なサービスのデータのエクスポートを可能にしてきたが、GmailとGoogleカレンダーはユーザーからのリクエストが多かったにもかかわらず、これまでできなかった。 データのダウンロードは、Googleのサービスのページ右上に表示されているアカウント名をクリックして表示される「アカウント」→「自分のデータをダウンロード」→「アーカイブを作成」で行える。 Gmailはすべてのデータあるいは指定したラベルのみをダウンロードできる。ファイル形式はmboxなので、米Microsof

TOP デザイン一覧 グラデーション テキストのみ テキスト非画像 上線 下線 丸 四角 囲み線 斜線 未分類 点線 角丸 はてなブックマーク ツイートする シェアする 他のギャラリー ファビコンギャラリー フッターデザイン ウェブコレクション このサイトについて いろんなWEBサイトの見出し部分を集めました。デザインの参考に。掲載サイトがリニューアルした場合はご紹介の見出しが使用されていない場合があります。 連絡先：manage.hp+midashi@gmail.com copyright © midashi-design.com All Rights Reserved.

暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day