Webデザインで意識したい3つの錯視効果｜chot Inc. デザイナーユニット
こんにちは、ちょっと株式会社の久保田です。 「錯視」と言えば、かの有名なエッシャーの立体錯視によるだまし絵や、あるはずの無い色が見えてしまう錯視や直線が曲がって見える錯視などなど、世の中には数多くの錯視効果が存在します。 この錯視ってやつ、見た目を狂わせてくるのでデザイナーとしては非常に厄介なもの。 錯視による小さな違和感がグッドなデザインを台無しにすることも珍しくありません。 乱暴に言ってしまえば“視覚のバグ”なので「だって人間だもの」と割り切ってしまうこともアリです。だって人間だもの。 しかし、そんな視覚のバグすらコントロールしてやろうって考えるのも当然のこと。だってデザイナーだもの。 錯視効果と処理例は色んなところで紹介されていますが、ここではWebデザインで意識したいものだけに絞って3つほどピックアップしてみました。 上方距離過大の錯視最も有名で、最も意識すべき錯視な気がします。
健康管理の立役者、Fitbitアプリが今秋にリニューアル | gihyo.jp
8月1日、GoogleはThe Keywordブログで、Fitbitアプリが今秋にリニューアルされる予定であるエントリを公開しています。AndroidおよびiOSのアプリが対象です。 Meet the new Fitbit app that’s redesigned with you in mind Meet the new Fitbit app that’s redesigned with you in mind リニューアル後のアプリでは、健康管理に関わる指標がこれまで以上にわかりやすく表示されます。たとえば、画面下にあるタブナビゲーションバーには、Today、Coach、Youのアイコンが並び、3種類の切り口で健康データの確認やレポートなどが確認できるように変更されます。 Todayでは、日々の目標と結果を表示します。 デバイスで計測した各健康データの統計値を数値とグラフで表示します
なぜ富士通はDX企業に変わるために「デザイン」を活用するのか
約13万人の従業員を抱える巨大企業をデザインで変えていく――。富士通では今、「IT企業からDX企業へ」を旗印に、時田隆仁社長自身がCDXO（最高デジタル変革責任者）として推進する全社DXプロジェクト「フジトラ（Fujitsu Transformation）」が進行中だ。この巨大プロジェクトのけん引役を担うのが企業内デザイン組織「デザインセンター」である。2022年には、デザインの価値を社会に発信する「デザインアドボケート」職が新設され、入社2年目のデザイナーが就任したことも話題になった。同センター長の宇田哲也氏と、デザインアドボケートの横田奈々氏に、全社変革におけるデザインの役割を聞いた。（聞き手／音なぎ省一郎、坂田征彦、構成／フリーライター 小林直美） DXの鍵を握る「デザイン」と「デザイン思考」 ――「デザインを重視する組織に変革する」という話は最近よく耳にしますが、「デザインの力によ
)
デザインパターン (ソフトウェア) - Wikipedia
ソフトウェア開発におけるデザインパターンまたは設計パターン（英: design pattern）とは、過去のソフトウェア設計者が発見し編み出した設計ノウハウを蓄積し、名前をつけ、再利用しやすいように特定の規約に従ってカタログ化したものである。パターン（pattern）とは、型紙（かたがみ）やひな形を意味する。 本稿でのデザインは狭義の設計という意味であり、CSSやHTMLなどで使われる意匠デザインの定形を示す「デザインパターン」とは異なる。 書籍『オブジェクト指向における再利用のためのデザインパターン』において、GoF (Gang of Four) と呼ばれる4人の共著者は、デザインパターンという用語を初めてソフトウェア開発に導入した。GoFは、エーリヒ・ガンマ、リチャード・ヘルム、ラルフ・ジョンソン、ジョン・ブリシディースの4人である。彼らは、その書籍の中で23種類のパターンを取り上げた
API デザイン : URL には名前と識別子のどちらを使うべきか | Google Cloud 公式ブログ
ウェブ API の設計に携わっている方であれば、API で使う URL のスタイルに統一的な考え方がないことも、選択した URL スタイルが API の使いやすさや寿命に大きな影響を与えることも、よくご存じでしょう。Google Cloud の Apigee チームは、社内だけでなくお客様とも協力しながら、API の設計について長く検討を行ってきました。本稿では、私たちが設計の現場で実際に使用している URL のデザイン パターンと、それを使う理由についてシェアしたいと思います。 著名なウェブ API をご覧になれば、いくつかの異なる URL パターンがあることに気づかれるはずです。次に示すのは、極端に異なる考え方に基づいた 2 つのスタイルの具体例です。 https://ebank.com/accounts/a49a9762-3790-4b4f-adbf-4577a35b1df7 htt
エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ！ - エンジニアHub｜Webエンジニアのキャリアを考える！
エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ！ Appleをはじめとする多くの成功企業がデザイナを役員に据えるなど、デザインに対する重要度が年々上がっているこの時代、若手のうちにUIデザインに関する基本的な考えを身につけ、より良いプロダクトを制作できるエンジニアを目指しましょう。 こんにちは。 グロースデザイナ/フロントエンジニアとしてWebサービス開発に携わっている右寺（@migi）と申します。最近は複数の企業で、数値解析から企画提案、開発も含めてサービスを成長させるためのお手伝いをしています。 現在はフリーランスとして活動していますが、直近では株式会社グッドパッチというUI（ユーザインターフェイス）デザインに特化した会社に勤めており、そこではデザインとの距離がとても近いところで開発をしていました。 そんな私の経験から、この記事では「エンジ
デザインのバージョン管理をする世界
僕の同僚のデザイナーはデザインツールにSketchを使っている。デザインは区切りのいいところまで出来ると保存してDropboxで共有してくれる。最近ではGitHubでSketchファイルを管理することも試しているようだ。GitHubで管理することで過去に遡ったり、ほかの人の作業をマージできたりする。ただ、Sketchファイルはプログラムのソースコードのようなテキストファイルではなくバイナリファイルだ。この違いでGitまたはGitHubの便利なものの多くが使えていないんじゃないか。 先日Sketchファイルをテキストファイル(JSON)として管理できるツールを公開したので、どういうモチベーションで作っているのか書いてみようと思う。ツールはまだ完璧ではないが、ぜひ使って意見をもらえたらと…思う 🙇🏻 テキストファイルになるとできることあぁ、デザイン全体のボーダーの色が淡くなったのいつだっけ
グーグル 無料のウェブ制作ツール Web Designerを公開
Googleからものすごそうなツールが登場。Adobeのツールがすべて合体したようなツールです。Illustratorのようなパス描画を可能とし、3Dビューで編集まで可能、さらにAdMobの設定までできてしまい、タイムラインでHTML5のアニメーションまでできてしまうようです。 直感的ツールで作ったデザインをマルチデバイスに対応したウェブページとして吐き出してくれるようです。又、デザインツールで作られたコードをコードビューに切り替えて直接編集することまでできてしまい、まさにかゆいところの手が届く感じの機能が網羅されているようです。 新規ファイル作成画面 3Dビューを備えたイラストレーター的ツール チュートリアルがこちらで用意されています。 Google Web Designer Help これは使い込んで見て損はなさそうですね。恐ろしいツールが出てきてしまいました。Adobeはどう出る？
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色見本と配色サイト - color-sample.com
「Wireshark 4.0」が正式公開 ～デザインやフィルター構文を更新、32bit版はなし／フリーの高機能パケット解析ツール
「OneNote」が再統一に向けてデザインを更新。AIで音声・インク・カメラからの取り込みを強化／ユーザーからの要望の多かったページの並び替えもサポート
ソフトウェア デザイン アーカイブズ：Software Design
DrawIt - Bohemian Coding
デザインパターン[モデリング] -TECHSCORE-