「DESIGN」カテゴリーアーカイブ

ダークモード追加! Twitterデスクトップ版がデザインリニューアル

Image:Twitterイェス、ダークモード。米現地時間で15日月曜日、Twitterがデスクトップ版サイトの新デザインを発表&スタートしました。新デザインでは、トレンド入りしているハッシュタグ、検索、ブックマーク、リストが強調されています。Wiredのインタビューにて、プロダクトデザイン担当のMikeKruzeniski氏は「再び攻めたデザインで、かつ基本を再設定できるちょうどいいバランスを模

Vue.js × Atomic Design – コンポーネント分割の指針 / Vue.js and Atomic Design – Guideline for components division – Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎か...

はてなブックマーク - Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck はてなブックマークに追加

Vue.js × Atomic Design – コンポーネント分割の指針 / Vue.js and Atomic Design – Guideline for components division – Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎か...

はてなブックマーク - Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck はてなブックマークに追加

Vue.js × Atomic Design – コンポーネント分割の指針 / Vue.js and Atomic Design – Guideline for components division – Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck

Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division Vue.js 講演用資料です。 # 概要 コンポーネントをどのような粒度で分割し、どのように実装するべきかというのは難しいテーマです。 一概に正解があるとも言い切れないテーマですが、この指針を疎か...

はてなブックマーク - Vue.js × Atomic Design - コンポーネント分割の指針 / Vue.js and Atomic Design - Guideline for components division - Speaker Deck はてなブックマークに追加

映画『トイ・ストーリー2』、いつの間にかセクハラシーンを削除

映画『トイ・ストーリー2』、いつの間にかセクハラシーンを削除

映画『トイ・ストーリー2』、いつの間にかセクハラシーンを削除

映画『トイ・ストーリー2』、いつの間にかセクハラシーンを削除 今週末に日本でも最新作が公開される映画『トイ・ストーリー』シリーズ。『トイ・ストーリー2』からセクハラシーンが削除されたことが明らかになった。 問題となっているのは『トイ・ストーリー2』のエンディング。撮影中のNGを集めたという設定でいくつか...

はてなブックマーク - 映画『トイ・ストーリー2』、いつの間にかセクハラシーンを削除 はてなブックマークに追加

映画『トイ・ストーリー2』、いつの間にかセクハラシーンを削除

映画『トイ・ストーリー2』、いつの間にかセクハラシーンを削除

映画『トイ・ストーリー2』、いつの間にかセクハラシーンを削除

映画『トイ・ストーリー2』、いつの間にかセクハラシーンを削除 今週末に日本でも最新作が公開される映画『トイ・ストーリー』シリーズ。『トイ・ストーリー2』からセクハラシーンが削除されたことが明らかになった。 問題となっているのは『トイ・ストーリー2』のエンディング。撮影中のNGを集めたという設定でいくつか...

はてなブックマーク - 映画『トイ・ストーリー2』、いつの間にかセクハラシーンを削除 はてなブックマークに追加

辞めるのが大ニュースにもなります。Appleのデザイナー ジョニー・アイブの偉大さを噛みしめる記事16選

Image:BrianAch(特派員)/GettyimagesAppleプロダクト最大の個性「デザイン」を担ってきた男。iMac、iPod、MacBook、そしてiPhone、iPadを手がけ、生きながらにして伝説となったデザイナー、それこそがジョニー・アイブです。Apple(アップル)に詳しいジャーナリスト林信行さんがこんな文章を書いています。Appleのプロダクトのデザインによるインパクト、す

文字サイズの比率と調和 – シフトブレイン/スタンダードデザインユニット

文字サイズの比率と調和 - シフトブレイン/スタンダードデザインユニット

文字サイズの比率と調和 - シフトブレイン/スタンダードデザインユニット

ウェブページのテキストはいくつかの文字サイズの組み合わせで出来ています。それぞれの文字サイズは情報の階層構造を表現するなどの役割を担いますが、同時にお互いが適切なバランスで調和しているべきです。そのため文字サイズはページやコンポーネントごとに場当たり的に決められるべきではありません。プロジェクト...

はてなブックマーク - 文字サイズの比率と調和 - シフトブレイン/スタンダードデザインユニット はてなブックマークに追加

ジョニー・アイブ氏、Appleを退社し、デザイン企業「LoveFrom」立ち上げ Appleは顧客に – ITmedia NEWS

ジョニー・アイブ氏、Appleを退社し、デザイン企業「LoveFrom」立ち上げ Appleは顧客に - ITmedia NEWS

ジョニー・アイブ氏、Appleを退社し、デザイン企業「LoveFrom」立ち上げ Appleは顧客に - ITmedia NEWS

スティーブ・ジョブズ氏がCEOに復帰した後のほとんどの製品デザインを手掛けてきたAppleの最高デザイン責任者、ジョニー・アイブ氏が同社を退社し、自身のデザイン会社「LoveFrom」を立ち上げる。今後は別会社でApple製品デザインを手掛けていく。 米Appleの最高デザイン責任者(CDO)、ジョナサン(ジョニー)・アイブ...

はてなブックマーク - ジョニー・アイブ氏、Appleを退社し、デザイン企業「LoveFrom」立ち上げ Appleは顧客に - ITmedia NEWS はてなブックマークに追加

クソロボットの女王、テスラ「Model 3」をピックアップに魔改造&ニセCMを作る

Image:TheAwesomer自腹で買って初日に10円パンチ。使えないメカばかりを開発するので、自らを「クソロボットの女王」と名乗る、おもしろ発明家シモーネ・ギールツさん。ホントにどーしょーもない、笑えるビックリドッキリメカばかりを作ってきた彼女ですが、たまにイカしたものも作るんです。TruckxTesla=「TRUCKLA」それが、電気自動車Teslaの「Model3」の後部座席をブった斬っ

0622「カンヌのストックフォトのやつ解説」|qanta|note

0622「カンヌのストックフォトのやつ解説」|qanta|note

0622「カンヌのストックフォトのやつ解説」|qanta|note

お休みなので、ひどい情報が入ってくることがなくて平和だ。そもそもいろいろミュートしているのでそれも効いてきているのかもしれない。先週なんかは一歩も家の外に出る気がしないほどひどい気分の週末だったのだが、今日は筋トレもちゃんとやったし、午後には近所の公園に子供たちを連れて行った。今日もニューヨーク...

はてなブックマーク - 0622「カンヌのストックフォトのやつ解説」|qanta|note はてなブックマークに追加

作品のクオリティ高っ! AIお絵描きロボット「Ai-Da」の作品が展覧会に出展

Image:VictorFrankowskiviadezeen不気味の谷度低め、作品のレベル高め。AI内蔵ロボットといわれると、不気味の谷度高めで「人類を滅亡させる」と発言した「ソフィア」や、デザインがいろいろオカシい妹の「リトル・ソフィア」の姉妹なんてのがいますが……その業界に新しく、一芸に秀でたAIロボット「Ai-Da」が登場しました。彼女が得意とするのはアート。しかもデザイン性の高い抽象画で

Firefoxの新ロゴ、キツネはどこへ?

Image:mozillaちょい寂しい。ブラウザのFirefoxといえば、地球儀と赤いキツネがトレードマーク。しかし新たに発表されたFirefoxの新ロゴでは、キツネっぽさがかなり減ってしまったのです。上がその新ロゴですが、Firefoxユーザーならかろうじてキツネの尻尾かな…とわかる程度に、シンプルなデザインとなっています。まぁロゴがなんであれ、ブラウザの機能には影響しないので、いいっちゃいいの

Uber Airの中とヘリポートの最新コンセプトが公開される。未来的で格好いい!

Image:UberviaTheVerge乗ってみたいなぁ…。Uberは新たにヘリ輸送サービス「UberAir」を進めていますが、そのUberAirのヘリの内部とヘリポートの画像がTheVergeとTechCrunchによって明かされました。想像より未来的な内部Image:UberviaTheVerge2人がけシートがふたつの4人乗り。後部座席の後ろには荷物置き場になっています。ブルーのライトにブ

この世にある「でかいもの」をいろんなものと比較した合成写真たち

※この記事は2016年10月06日に公開された記事の再掲載です。でかいものはでかいものと比較すれば、その大きさがよくわかる法則誕生。巷では、たくさんのおもしろフォトショップ画像が溢れていますが、今回紹介するのは、勉強になる良質なフォトショップ画像。ビル、船などのでかいものが、実際はどんな大きさなのか実感するために制作された、KevinWisbithさんによるフォトシリーズです。上の写真はスター・ウ

IKEAが安定性を改善したタンスを新しくデザイン。2本脚が危険な転倒を防ぐ?

Image:IKEA大きな失敗から学びました。北欧家具メーカーのIKEAが、倒れにくいタンスをデザインしました。大地震でもない限り、なかなか倒れてきそうにもないタンスですが……実は2015年から、タンスの下敷きになった子供が2年内で3人亡くなったことがあり、家族に5,000万ドルを支払う訴訟に発展。さらには2,900万の商品をリコール対象になり、製造中止したことを踏まえての再デザインなのです。タン

ブサイクなUIデザインを劇的に改善するための10のチェックリスト|Taiki IKEDA|note

ブサイクなUIデザインを劇的に改善するための10のチェックリスト|Taiki IKEDA|note

ブサイクなUIデザインを劇的に改善するための10のチェックリスト|Taiki IKEDA|note

お久しぶりです、イケダです。UIデザインをする上で、これらを意識するだけでビジュアルの質が劇的に向上するというチェックリストを作ってみました。UIデザインの参考にしてください。 左右の余白は揃っているか 左右の余白をしっかり揃えることは最も初歩的で、カンタンに実践できるTipsです。あまりに初歩的すぎて悪...

はてなブックマーク - ブサイクなUIデザインを劇的に改善するための10のチェックリスト|Taiki IKEDA|note はてなブックマークに追加

推しキャラに安い眼鏡かけさせるのやめて!!!!!

推しキャラに安い眼鏡かけさせるのやめて!!!!!

推しキャラに安い眼鏡かけさせるのやめて!!!!!

特に20代後半以降のある程度収入もあって社会的地位を持ってておしゃれにも気を使う伊達男みたいなキャラに思い当たる人物が君にもいるだろう私にとってはスティー○ン・A・スターフェイズ!!!!!! スティーブン・スター○ェイズにJ○NSか?Z○ffか???みたいな安っっすいペラッペラの樹脂でできたメガネを!!!!かけ...

はてなブックマーク - 推しキャラに安い眼鏡かけさせるのやめて!!!!! はてなブックマークに追加

ポケモン、初音ミク、液体窒素、ビールサーバー型まで! センスの弾けた自作PCたち #COMPUTEX 2019

mage:西谷茂リチャードアーティスティック!COMPUTEX2019TAIPEIにて自作PCがすごい盛り上がりを見せていたので、その中でも一際センスが光り輝いていた作品たちをご紹介します。ビールが出てきたときは流石に驚きましたね!Image:西谷茂リチャードThermaltakeのブースにあった作品。まずはトップ画像にもある、ポケモンの御三家をテーマにした自作PCです。黄色の縁取りにピカチュウリ

ポスト・イットの色の意味、知ってた? 色の使い方で生産性や気分がアガるかも!

Photo:ヤマダユウス型見慣れたふせんに、知られざる意味が。学校や仕事、プライベートでも大活躍なポスト・イット。アメリカでポスト・イットが生まれてから40年ほど経ちますが、なんせ便利ですよね。ポップでアイコニックで、Macの「Stickies」とかデジタル的なやつもあったりして。ポスト・イットはロゴにもなってる黄色が定番色ですが、蛍光ピンクや薄い青色など、視認性や誘目性を意識した色が揃っています

「時間」が見える。3Dプリンタで実現できるようになったアート作品

Image:Mugendai(無限大)いろんなシリーズで見てみたい。優れた新技術が登場すると、形を変えながら一般社会に溶け込み、やがてアートの世界で活用される例は珍しくありません。以下の動画も、とあるテクノロジーを応用してつくられています。バレエをする人影が円を描き、まばゆい光の動きと連動する。何ともいえない魅力を持った作品ですが、IBMのWebメディアMugendai(無限大)にて、この動画の作

ストレスの多い現代人に、公共パンチバッグを設置するデザイン・プロジェクト

Image:donttakethisthewrongway仕事しているデスクの横にも欲しい。柔らかいタマタマや、指先でボタンやダイヤルを押すフィジェットなどなど、世の中にはストレス解消グッズというのが星の数ほど存在します。ですが本当にスッキリするには、もっとフィジカルに、そして時には衝動的に何かを攻撃することが、かなりの解消に繋がるんですよね。街中に救世主現るということで、5月10日から22日まで

新しいMacBook Pro(2019)、キーボード部品がやっぱり変更されていました

Image:iFixitさて、使い勝手は…。先週突如発表された、新しい「MacBookPro」ではキーボードに新素材が採用されているという話が伝わっていますが、iFixit恒例の分解レポートにてその変更が確認されています!新MacBookでもバタフライキーボード勝手に連打問題。Appleが再び謝罪薄すぎて間にホコリが溜まってキーに不具合が起こるバタフライキーボード問題。昨年の無償交換プログラム開始

筑波大学に新しく設置されたゴミ箱のデザインが最高すぎるので広まってほしい「ゴミの分別が楽しくなりそう」 #つくばごみばこ – Togetter

筑波大学に新しく設置されたゴミ箱のデザインが最高すぎるので広まってほしい「ゴミの分別が楽しくなりそう」 #つくばごみばこ - Togetter

筑波大学に新しく設置されたゴミ箱のデザインが最高すぎるので広まってほしい「ゴミの分別が楽しくなりそう」 #つくばごみばこ - Togetter

第2弾です! 老若男女に受け入れられる、ユニークでユニバーサルデザインのごみ箱を令和元年5月20日大学中央図書館に設置しました質問や感想、お待ちしております。 リンク twitter.com #つくばごみばこ hashtag on Twitter See Tweets about #つくばごみばこ on Twitter. See what people are saying and join the conv...

はてなブックマーク - 筑波大学に新しく設置されたゴミ箱のデザインが最高すぎるので広まってほしい「ゴミの分別が楽しくなりそう」 #つくばごみばこ - Togetter はてなブックマークに追加

筑波大学に新しく設置されたゴミ箱のデザインが最高すぎるので広まってほしい「ゴミの分別が楽しくなりそう」 #つくばごみばこ – Togetter

筑波大学に新しく設置されたゴミ箱のデザインが最高すぎるので広まってほしい「ゴミの分別が楽しくなりそう」 #つくばごみばこ - Togetter

筑波大学に新しく設置されたゴミ箱のデザインが最高すぎるので広まってほしい「ゴミの分別が楽しくなりそう」 #つくばごみばこ - Togetter

第2弾です! 老若男女に受け入れられる、ユニークでユニバーサルデザインのごみ箱を令和元年5月20日大学中央図書館に設置しました質問や感想、お待ちしております。 リンク twitter.com #つくばごみばこ hashtag on Twitter See Tweets about #つくばごみばこ on Twitter. See what people are saying and join the conv...

はてなブックマーク - 筑波大学に新しく設置されたゴミ箱のデザインが最高すぎるので広まってほしい「ゴミの分別が楽しくなりそう」 #つくばごみばこ - Togetter はてなブックマークに追加

複雑な乗換体験を直感的に! 乗換案内アプリのデザイン – Yahoo! JAPAN Tech Blog

複雑な乗換体験を直感的に! 乗換案内アプリのデザイン - Yahoo! JAPAN Tech Blog

複雑な乗換体験を直感的に! 乗換案内アプリのデザイン - Yahoo! JAPAN Tech Blog

デザイン特集2本目の記事です。 Yahoo!乗換案内アプリでデザインを担当している関豪志(せきたけし)です。乗換案内アプリを担当して約6年になりました。この記事では画面設計をする上で心がけたこと、工夫したことを事例とともに紹介します。 Yahoo!乗換案内アプリとは? 行きたい場所へのルート検索はもちろん、電車の...

はてなブックマーク - 複雑な乗換体験を直感的に! 乗換案内アプリのデザイン - Yahoo! JAPAN Tech Blog はてなブックマークに追加

ウ○コもあるよ。チョコレートのHershey’sが絵文字デザインを採用

Image:HERSHEY'S/Twitter絵文字は全25種でウ○コ絵文字もあるそうな。スライム型のキスチョコでもお馴染み、アメリカのチョコレートHershey's(ハーシーズ)。それがこの度、125年の歴史で初めて、「ミルクチョコレートバーにデザインの変更を施す」とLaughingSquidが伝えています。公式サイトのお知らせによりますと、このデザイン変更は期間限定で、バーのブロックにはひとつ

欲しかった…。しまむらからプレステTシャツが破格プライスで登場

Image:ファッションセンターしまむらキーホルダー付き!驚くなかれ!?ファッションセンターしまむらから、懐かしの初代プレイステーションを想い起こさせる、「PS」ロゴがプリントされたTシャツが登場しました。しかも白、黒、グレーの3色が取り揃えられ、オマケにキーホルダーまで付いてたったの1,500円という超破格プライス。デザインは2種、色は3種M、L、LLサイズの黒とグレーは大きくロゴがプリントされ

デザイナーではない人がデザインする上で大切な4つの基本原則 – GIGAZINE

デザイナーではない人がデザインする上で大切な4つの基本原則 - GIGAZINE

デザイナーではない人がデザインする上で大切な4つの基本原則 - GIGAZINE

by rawpixel.com プロのデザイナーであるAnna Mészáros氏は、家族や友だちからウェブサイト・履歴書・ポートフォリオ・FacebookやInstagram用の写真・YouTubeのサムネイルなどを作る際のアドバイスをよく聞かれるとのこと。Mészáros氏がそんな経験から気づいた「デザイナーではない人がデザインする上で大切なこと」を4...

はてなブックマーク - デザイナーではない人がデザインする上で大切な4つの基本原則 - GIGAZINE はてなブックマークに追加

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

2019年5月17日 CSS CSS小技集シリーズの第3弾!「【第2弾】少しのコードで実装可能な20のCSS小技集」から3年が経ち、さらに便利でサクッと使えるコードが続々登場!特にこれまではJavaScriptで実装していたものがCSSだけで実現できるようになったりと、進化が凄まじいです。初心者さんからベテランさんまで要チェック! ...

はてなブックマーク - 【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス はてなブックマークに追加