2015年2月5日に無料動画のオンライン学習サイト - schoo WEB-campus(スクー)にて開催した授業「優れたUXを実現するための人間中心デザインとは?(https://schoo.jp/class/1682)」の教材です。 フォローアップ記事:http://sprmario.hatenablog.jp/entry/schooxconcent_hcdRead less
6ヶ月で「現場レベル」のWebデザイナーに デジタルハリウッドSTUDIO by LIG 💡現役Webデザイナーが講師を務め、永続的な就職支援などが特徴。 通学とオンラインを組み合わせ、未経験から半年でWebデザイナーになれます。 Web制作会社が運営するスクールなので、面接対策なども現場の基準でおこないます。 こんにちは。Webデザイナーのミライです。突然ですが、ギャラリーサイトで今日掲載されたサイトを見て、学ぶことがあったり燃えることがあったりしませんか? あなたが刺激と戦う心、学びを得るために、現役Webデザイナーの僕が知りうる限りのギャラリーサイトの中から、参考になるところを厳選して24サイト押し売りします。 多すぎ! って思った方も安心してください。目次と評価軸を駆使して、快適に読める工夫をふんだんにしております……! 関連リンク:かっこいい・おしゃれなWebデザイン参考サイト
「会社サイト、飲食店のWebサイトの設計を考えてみよう」という勉強会でお話してきました。(ゆるゆるカフェ) Webサイトを持つ事はビジネスにおいては必須となっています。 しかし、他のWebサイトを模倣し、しっかりした設計の元に作られていないものも多く存在します。 自社や自分達のお店のWebサイトを作る際に、何が大切でどのようなポイントについて考えていくと良いのか考えてみましょう。
These slides include many inappropriate graphs. If you want to tell the summary of the data correctly, you should avoid to use graphs in this presentation. They can mislead those who view them. In English, the title of presentaion is "24 slides including graphs that should not be absolutely drawn".Read less
► 2022 (2) ► 12月 (1) ► 1月 (1) ► 2021 (3) ► 10月 (1) ► 1月 (2) ► 2020 (1) ► 9月 (1) ► 2019 (1) ► 1月 (1) ► 2018 (1) ► 10月 (1) ▼ 2015 (2) ► 6月 (1) ▼ 2月 (1) 絶対に描いてはいけないグラフ入りスライド24枚 ► 2014 (30) ► 11月 (1) ► 10月 (11) ► 9月 (7) ► 8月 (2) ► 7月 (2) ► 4月 (2) ► 3月 (4) ► 1月 (1) ► 2013 (56) ► 12月 (2) ► 11月 (3) ► 10月 (6) ► 9月 (3) ► 8月 (1) ► 7月 (7) ► 6月 (1) ► 5月 (1) ► 4月 (4) ► 3月 (3) ► 2月 (11) ► 1月 (14) ► 2012 (209) ►
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Helvetica周辺の書体〜ヘルベチカ代替フォント この記事の一番上の画像を見てください。ヘルベチカでロゴを組んでみました。 このようにヘルベチカを利用したロゴは多い。 ニュートラルな雰囲気で、世界一人気があるかもしれない書体Helvetica。 ちなみにHelveticaはヘルベチカと読みます。Windowsで似た書体はArial。 というわけで以下の画像のようなフォントです。 Helveticaのウェイト展開 ヘルベチカは豊富なウェイト展開(太さ)のフォントです。しかしMacOSのデフォルトの場合、すべてのバリエーションは含まれておらず抜粋です。これはヒラギノや游ゴシックにも言えることです。ヘルベチカは太さのバリエーションの他にコンデンスド(幅が狭い)、エクステンデッド(幅が広い)も含まれています。たぶんOSデフォルトの場合、上記のロゴの半分も作れないかもしれません。またHelvet
消えるハードとソフトの境界線 Apple Watch のドキュメンテーション には、以下のような言葉がデザインコンセプトとして記載されています。 Even the physical border of the Retina display has been considered, resulting in edge-to-edge UI design that effectively renders that border invisible. Thoughtful app design should contribute to this experience of hardware and software feeling indistinguishable. 物理的なオブジェクトとソフトウェアには境界線がなく、UI デザインにもそれが表れています。よく考えられたアプリデザインは、ハード
東京の鉄道路線図SVGを作りました&パブリックドメインで配布します ロンドン地下鉄路線図での作図方法に基づいた東京の鉄道路線図を作ったので公開・配布します time2014/12/20 hatenabookmark- Illustratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改変・販売含め、煮るなり焼くなり好きに使っていただいてかまいません。 railmaps - github どうして描いたの? 昔からハリーベック氏のロンドン地下鉄路線図がとても好きで、自分もこういうも
最近、Twitterで「ダサピンク現象」という言葉がちょっと広まって、(一応)名付け親である私としては嬉しいのだけれど、誤解している人も多そうなので、この辺りでエントリを書いてまとめておこうと思う。 「ダサピンク現象」は元々この辺りの話から始まった。 「ピンク=女性向け」? - Togetterまとめ ここでは、「女性向け」ということでデザイナー職の女性たちが考えたデザインを、上層部のおっさんが「女性ならピンクだろ」と言ってダサいデザインに差し替えてしまうことや、実際に街を歩いている女性の服装のうち、ピンクの割合はどれくらいだと思ってるんだとか、一口にピンクと言っても色々なピンクがあり、おっさんが思う女性向けピンクと、実際に女性から好まれるピンクは違うとか、そういう話が展開されている。 それを受けて、私はこういうTweetをした。 なぜ出来が残念な結果になるのかというと、「女性ってピンクが
[ロンドンの Design Museum で語る Jony Ive:Dezeen] 英国では多くのデザインコースが閉鎖ないしは縮小に追い込まれているらしい。カネがかかり、ワークショップにスペースを要するというのがその理由で、その代わりに奨励されているのがコンピュータを使ったデザインだという。 そんなロンドンの Design Museum で、Jony Ive がデザイン教育の現状を憂う発言をしている。 Design education is “tragic”, says Jonathan Ive | Dezeen * * * デザイン教育の悲劇的状況 Design education is “tragic”, says Jonathan Ive Jony Ive は昨夜ロンドンの Design Museum で、デザインスクールが学生に対し実際の製品を作ることを教えず、「安
2014年11月5日(水)、早稲田大学公式サイトが、株式会社CINRAの手により、見事なリニューアルを遂げました。 プレスリリースに書かれた彼らの目論見通り、「国内外の大学と一線を画す、最新のグローバルサイト」と言えると思いますが、なぜ、国内屈指の大規模校である早稲田の公式が、ここまで個性的なサイトになっていると感じるのでしょうか。 日々大学サイトの構築に向き合うWebディレクターの立場から、その「スゴイ」理由を、少し考えてみました。 1 – 「メディアサイト」として尖らせたから 一般的に大学サイトは、ある程度メニュー内容も共通化され、情報公開に重きを置いた「ポータルサイト」として位置づけられることが多いと思います。 しかし、新しい早稲田のサイトは、細かいコンテンツは「別サイト」に任せ、新着記事とリンク集で構成される「メディアサイト」に大きく振ってきました。 海外大学サイトでは「News」
『クインティ』の紹介記事にもチラリと書いた話。 『枯れた知識の水平思考』のhamatsuさんの「マリオのジャンプはなぜ優れているのか?そしてスプラトゥーンはなぜ「面白そう」なのか?」という記事で、『スーパーマリオブラザーズ』の「ジャンプ」について語られています。 <以下、引用> 「スーパーマリオブラザーズ」における「ジャンプ」というアクションは、目の前の障害物や落とし穴を乗り越えるという機能以外に、頭上のブロックを叩く、「ジャンプ」からの落下地点にいる敵キャラクターを踏んづけるという機能を持っている。だから「ジャンプ」で障害物を乗り越えた先にいる敵を踏むという複数の行為を一つのアクションの中で行うことが出来る。 一つのアクションに対して複数の機能(ファンクション)を持たせることで、プレイヤーの目の前に立ちふさがる複数の問題を一気に処理することが出来るのが「スーパーマリオブラザーズ」における
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く