フラットデザイン入門③ 『日本語でフラットデザインをするならば』 | ajike switch
こんにちは、はきりです。 3日連載のフラットデザイン入門、 初日は『フラットデザインは混合している』、 2日目は『フラットデザインの流行性と必然性』でした。 本日最終日です。ではどうぞ！ そうなると色とタイポグラフィしか デザインする余地がないのが本音。 昨日の記事から見るにフラットデザインは流行的な側面もあるが、多くは次の技術的環境への対応と変化によるものだと思う。技術的な対応からとなると、デザインできる要素が「色」と「文字」に必然的に限られてくることもわかり、「色」と「文字」がフラットデザインの根幹となっていることが改めて明確になってきた。 fladdictさんによるナイスなツッコミ ここで著名なiPhoneアプリ作家であるfladdictさんが記事にしていたフラットデザインへの鋭いツッコミがとても面白いので紹介します。 どこ押せばいいか謎 言われてるほど新しくない（スイス系のリバイバ
日本相撲協会がTwitterで謎の「ハートキャッチゲーム」を公開 スライドする力士と落ちてくるハート
日本相撲協会が、公式Twitter（@sumokyokai）で謎の「ハートキャッチゲーム」を公開しています。どういうことなの……。 11月10日から開催される「大相撲九州場所」の特別企画として投稿されたもの。タイミングよくGIF画像をタップし、左右にスライドする力士「翔猿」（追手風部屋）が落ちてくるハートをキャッチできたらクリア（？）です。ビジュアルがかなりシュールですが、やってみると意外と難しくてハマるかも……？ これは……!?（日本相撲協会の公式Twitterより） 公式とは思えないシュールさ もし“大きなハートを持つ翔猿”でGIF画像を止められたら、スクショを撮ってシェアしましょう。公式とは思えない、かわいさとたくましさのコラボがたまらない。 Twitterでは続々と“大きなハートを持つ翔猿”が量産（投稿）されており、「笑った」「好き」「つい真剣にやってしまったｗ」と夢中になる人の声
ClockMaker Labs - Interaction Design × Web Technology
Portfolio website of IKEDA Yasunobu a.k.a ClockMaker / Web Designer and Frontend Engineer from Tokyo, Japan.
Webサイトのメインビジュアルの構図を集めて分析してみた。｜ameko
初めまして、ameko(@tk04amedama)と申します。 普段は都内の制作会社でWEBデザイナーをしています。 と言ってもまだまだ新米なので、日々勉強中です。 その勉強の一環で、最近のWebサイトで使われている メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみようと思い、初めてnoteに投稿してみました。 はじめに集めたサイトの数は全部で７０個。自分の仕事の参考のために集めたものなのでほとんどがBtoB向けサイトです。（BtoC向けサイトだと、この構図一覧もまた、全然違うものになりそうだなと思う。） 構図の名前は、なんとなく自分なりに語呂がいい名前をつけているだけなので、あまり突っ込まずふんわり流していただけると幸いです。（もしこの構図の正式名称とかあった
夏の定番「怖い話」がイマドキっぽく変化している深〜いワケ（朝里 樹） @gendai_biz
日本には、神話の時代から令和の時代に至るまで、数多の怪異・妖怪について語られ、その記録が残されてきた。私は時代を問わず、そういった怪しいものたちについて在野の立場で研究している。 2018年には怪異・妖怪が登場する舞台を現代に絞り、集めた『日本現代怪異事典』を、さらに今年の6月にはその続編である『日本現代怪異事典 副読本』を上梓した。その副読本の中で、古代から現代に至るまで、怪異・妖怪という存在がどのように変わってきたのか、その変遷を辿った。 科学や技術が物凄い勢いで進歩し、国内外の情報に簡単にアクセスでき、社会が目まぐるしく変わっていく現代。そこで今回は、怪異たちがどのように変遷してきたか、時代を現代に絞り、紹介していきたい。 スマホに現れる妖怪「LINEわらし」 近年、スマートフォンが普及し、SNSを通して人々は友人や家族、時には顔も知らない誰かと交流することが盛んになった。 顔が見え
SANKOU! | Webデザインギャラリー･参考サイト集
コーポレートサイト ブランドサイト･サービスサイト ECサイト･オンラインショップ キャンペーン･特設･プロモーションサイト ポータルサイト･メディア･情報サイト プラットフォーム･コミュニティサイト 採用サイト･採用ページ ポートフォリオサイト スタイリッシュ オーソドックス ユニーク 遊び心がある･作り込まれている イラストを使用 3D表現･3Dイラストを使用 シズル感･訴求力のある写真･動画使用 写真少なめ･写真以外のビジュアル表現 さりげない動き･動きなし やや動きあり ダイナミック･印象的･細やかな動き 日本語メイン ノーコードツール｢STUDIO｣で制作 スマホ特化･モバイルファースト Web･IT･AI･デジタル･テクノロジー･通信関連 サービス･アプリ･ツール 病院･クリニック･歯医者･医療･薬 学校･教育･幼稚園･保育園･スクール 金融･投資･保険･士業 カフェ･飲食店･
なくなったサイトで見る場所へ行く
1971年東京生まれ。デイリーポータルZウェブマスター。主にインターネットと世田谷区で活動。 編著書は「死ぬかと思った」（アスペクト）など。イカの沖漬けが世界一うまい食べものだと思ってる。（動画インタビュー） 前の記事：イモムシハンドブックだけじゃない！92種のハンドブック ＞ 個人サイト webやぎの目 そこはカンザスシティ郊外 撮影場所はアメリカ中西部、ミズーリ州カンザスシティ郊外だという。 ずっと行ってみたかったので、今回、アメリカ西海岸で開催されたメイカーフェアの帰りに寄ってみた。 カンザスシティに向かう飛行機から地上絵のような街が見えた 大阪に行ったついでに京都ぐらいのつもりだったが、飛行機で3時間半もかかった。大阪に行ったついでに香港に行ってしまったようなものである。 飛行機が遅れてカンザスシティについたのは夜だった カンザスシティではAirbnbで予約した家に入ろうとしたら警
集合写真らしさをずらしていくと途中にヤバい写真が現れる
1987年東京出身。会社員。ハンバーグやカレーやチキンライスなどが好物なので、舌が子供すぎやしないかと心配になるときがある。だがコーヒーはブラックでも飲める。動画インタビュー 前の記事：「雑学」なんだし雑に発表しませんか 集合写真が照れ臭い。 一箇所に集まって、皆と同じ佇まいで写真に収まるからだろう。ピースサインで少し笑いながら「本当にこのポーズでいいのか」とか思ったりする。 最近家族で撮った集合写真。ピースしてなかったし笑ってすらいなかった。 一方、集合写真ではない写真は何をしてもいいので気楽である。心持ちが全然違う。 気楽。 この境には何があるのか。ここにどんな川が流れているのだろうか。調べました。 こんな方法で調べてみます 集合写真の「集合写真らしさ」を少しずつ削っていき、どんな写真になるのか調べてみよう。 今回、集合写真の大事な要素だと思ったものがこちらである。 この3つ。 大勢の
コミュニケーションに課題を持つ組織に！対話で思考を深める「ワークショップ」ってどんなもの？ | ビジネス部デザイン課
コミュニケーションに課題を持つ組織に！対話で思考を深める「ワークショップ」ってどんなもの？ ビジネス部デザイン課勉強係コミュニケーションに課題を持つ組織に！対話で思考を深める「ワークショップ」ってどんなもの？ 「ワークショップ」と聞いて、どんなものを思い浮かべますか？ ホワイトボード一面に貼られたポストイット？意識の高い人たちが集まる謎のミーティング？いえいえ、本来そうではありません。 今回お話を伺ったのは、さまざまな企業やイベントにて、数多くのワークショップを実施されている栄前田勝太郎（エイマエダカツタロウ）さん。 ワークショップって何のためにやるんですか？準備が面倒じゃないですか？などの質問に、優しく丁寧に答えてくださいました。 「ワークショップに興味はあるけど、よくわからない！」 「会社でやりたいのに、上司がやらせてくれない！」 「会社の組織づくりに問題があるから何とかしたい……！」
ルッキズムが否定されたとき、広告は何を語るのだろう
youkoseki.com ルッキズムが否定されたとき、広告は何を語るのだろう 私は、広告というものが昔から好きであった。しかし広告のメッセージが、ときどき（あるいは頻繁に）息苦しく感じることも確かである。その息苦しさは、最近、Netflixが見事に広告にしてみせた。 私もこれはすごく良い広告だと思うのだが、ちょっと意地悪に言えば、あれをしろこれをしろと言っていた広告が、次にはリラックスして君は君らしくあればといいと言いはじめるのは、この業界の常套手段でもある。緊張と緩和、アメとムチだ。 一方で、なんだか潮目が変わりつつあるのかなと思うこともある。それはルッキズムに関することである。 たとえば、外見をよくしよう、というのは広告の基本的なテンプレートであった。具体的には、お洒落になってモテよう、恋を見つけよう、できる男は見た目が違う、ママになっても綺麗に、何歳になっても若々しく、みたいな。多
複雑GUIの会を主催した - No Regrets in Bathing
「GUIの雑談を無限にしたいなぁ」と思い、会を開催しました。 twipla.jp 上記のイベントページを立てて、Twitter上で募集をかけたところ、 この内容だけでピンと来てしまったガチ勢が9人も集まりました。 ドローツールやマインドマップ、作曲ツール等を自作するフルスクラッチマンたちです。 予約したルノアールの会議室は過密状態になってしまいました。 （もう少し広い部屋にしておけば…と後悔しました） （ルノアールです） #複雑GUI会 pic.twitter.com/XDGWs3EwZd— みやおか (@miyaoka) May 2, 2019 職人タイプの方が多かったので終始和やかな雰囲気でしたが、 やはり実装に深入りしていくことが多く、あまりの情報密度に 私も話についていくのが大変だったと自白しておきます。 あと、なぜか開催前に「バウンディングボックス大会」が行われる雰囲気が醸成され
日本銀行「ファンの皆様へ 大切なお知らせ」
りりこ @lmhsh 新紙幣、諭吉からキャス変するんですか？新しいキャスト違和感有りまくり……渋沢さんが悪くないのはわかるけどショック～～～😭 2019-04-09 12:25:33
配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki IKEDA｜note
今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオワ、オワリです。さっそくこのPolipoliベッチュー、タタキケンサキエディションに色をつけていきます。 1. メインカラーを選ぼうまずはじめにメインとなるカラーを決めます。Polipoliのテーマカラーはピンクなのでブラウザの検索欄に「pink flat ui design」と打ち込みます。イメージに近い色が出てきたらスポイトで吸い取りましょう。著作権にはくれぐれも注意してください責任は負いません。 Polipoliに関しては最初からメインカラー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
ILLUSTRATION｜株式会社cornea design｜東京のデザイン事務所
UIの使いづらさにイラッとする！これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface
サイゼリヤ1000円ガチャ
TailwindCSSで、最近のWebサイトでよく見かけるUI要素をデザインするCSSの実装テクニックのまとめ
『WIRED』日本版、ついに「ヴ」を廃止──新たに「ヷ」「ヸ」「ヹ」「ヺ」を採用へ
名鉄の時刻表がまさかのexcel作成で衝撃を受けるTL「趣味の領域」「エクセルの可能性を感じる」
