[B! Web制作] maangieのブックマーク

UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog

最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。流行りの記事にいくつか目を通すと、デザイナーは﹁経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない﹂らしい。スキルを多く保有している方が望ましいのは間違いない。ただ、現場デザイナーに最も大事なのは実装面での考慮事項が網羅されて考え込まれた﹁決定力のあるデザイン﹂を作る力だと思う。サッカーで言うと、決定力は﹁得点を決める能力﹂として使われているけど、UIデザインにおいては﹁実装面まで考慮された実装可能なデザインであるか﹂という言葉として使っている。魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり

maangie 2016/05/16

リンク

ダミーテキスト生成

「すぐ使えるダミーテキスト」が暗号化通信（https）に対応しました。 2018年6月現在、移行のテスト中でどちらでもアクセスできます。【2018年6月12日更新】移行テストが完了し、https に強制転送されるようになりました。

maangie 2016/02/09

ぶこめも

リンク

HTML の a 要素に target=”_blank” をつけるのはもうやめよう

HTML のa要素に target 属性をつけて、リンク先の文書をどこで開くのかを指定できますね。デフォルトは _self で、元のドキュメントと同じフレーム。無指定だとこれになるので、わざわざこれを書くことは少ないと思うけど。一番よく使うのは target="_blank" じゃないでしょうか。リンク先のドキュメントを新しいタブやウィンドウで開くやつですね。これ、以前はよくつかってました。ルールとしてサイト内リンクは target 指定なし外部サイトへのリンクは target="_blank" というのが多かったんじゃないかな。でも最近、これはもうリンク先がどこであろうと指定しない方がいいんじゃないか、と思ってます。もちろんサイトによってそれぞれ使いわけはあると思うんだけど、少なくともほとんどの手元のサイトの場合はいらない。 target="_blank" を使ってきた

maangie 2015/06/16

Web制作
*

リンク

UI Tiles·Webサイト全体の画面遷移設計に使えるデザイン集 MOONGIFT

Webサイトを開発する際に使われるのが画面遷移を表現するフローチャートです。例えばコマースであればトップページから商品一覧、カテゴリ一覧や商品のピックアップなどの遷移が考えられます。深くなってしまう場所がないか確認したり、ユーザ動線が正しく描けているかどうか確認するのに便利です。UI Tilesはそんなフローチャートを作成するのに便利なデザイン集です。 UITilesの使い方 UITilesはPNGの他、PhotoshopやIllustrator形式でファイルが配布されています。 PNG版。画面のモックがたくさんあります。それぞれ小さいながらも特徴があります。動画プレーヤ、ポートフォリオページもあります。 PSDはデモも用意されています。デザイン一覧。 Illustratorも同様です。 UITilesを使うと、これまでは単なる四角い枠に対してトップページなどとラベルを貼って

maangie 2014/12/28

web制作
*

リンク

【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久

maangie 2014/12/11

*
web制作

リンク

Private Presentation

Private content!This content has been marked as private by the uploader.

maangie 2014/10/25

Web制作
*

リンク

スマートフォンサイト制作で「なんで拡大縮小できるようにしてるの？」と言われた時の対処法

※ この話はフィクションです。実在の人物や団体などとは関係ありませんスマートフォンサイトを制作していて、「サイトを自由に拡大縮小できるようにしてるのは理由あんの？」と言われた時の場合の話です。 Viewportの設定どうしてたか <meta name="viewport" content="width=device-width"> これだけ。こうするとサイトの幅=デバイスの幅になり、拡大縮小は自由にできる。対処法1：話し合うそもそもブラウザにデフォルトで備わっている拡大縮小機能を無効にするのがおかしいなぜ拡大縮小を無効にするのかネイティブアプリ感を出したい拡大縮小した時に表示が崩れるのを防ぎたい拡大した時に画像がボヤけるのが嫌例えば構成/デザインの上で小さな文字を使わなくてはならない場合、ユーザーはどうやってその文字を拡大するのかユーザーが拡大したいと思っても拡大が禁止されていたら、

maangie 2014/10/16

web制作
*

リンク

web開発者のためのさまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」

web開発者のためのさまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」 webサイトを魅力的に見せるためには、デザインはもちろん、動きにも力を入れたいもの。シンプルなフラットデザインが主流となっているため、特に重要な要素となってきているのではないでしょうか？今回はそんな時に参考にしたい、さまざまな動きを表現できるチュートリアルまとめ「30 Fresh Articles and Tutorials for Web Designers」を紹介したいと思います。 Stylish CSS Buttons いろいろなパーツに動きや、エフェクトを加えられるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。詳しくは以下 Page Preloading