[B! webdesign][WebDesign] thujikunのブックマーク

Webデザイナーがスキルアップするために必要なスキル5つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

どうも〜、こんにちはぁ！もっともっとWebデザイナーとして成長したいライター、のび太です。さて、突然ですが「Webデザイナーにとって必要な能力ってなに？」という疑問をもったことありませんか？つい最近フリーランスのWebデザイナーとして飯を食っていくことになった僕ですが、最近ますますその答えが知りたくなりました。 HTML、CSSなどのコードが書ける人？Photoshopでキレイなデザインが作れる人？Webについて詳しい人？いったい「Webデザイナー」ってなんなのでしょうね〜？僕はこれまでWebデザイナーに関する海外記事を多く読んできましたが、「へぇ〜、Webデザイナーってこんな能力もなんだなぁ〜。」って意外に感じたことが結構ありました。今回はその中でも特に重要だと思った5つをピックアップしてご紹介したいと思います。 Webデザイナーがスキルアップするために必要な能力5つ 1. 事前

thujikun 2014/04/29

リンク

直感的なUIとは予想した通りの結果が得られるもののこと - ネコメシCEOブログ

UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめという記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？　そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ

thujikun 2013/03/30

リンク

まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT

w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。レイアウト。グリッド。詳細検索対応。ツールバー。サイドバー。階層表示に対応しています。タブ。フォーム。ポップアップ。ツールチップ。その他ユーティリティ。 w2uiのサイズは37KB（ミニファイ&Gzip）で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiはJavaScript製、MIT

thujikun 2013/03/04

リンク

The Priority Guide / レスポンシブ時代の設計プロセス – halfpixel

Design Process In The Responsive Age – By Drew Clemens / SMASHING MAGAZINE 教わって読んだ記事です。レスポンシブ・ウェブデザインに取り組むプロセスについて、「従来型の制作プロセスでは、もうダメですよ」という事と、解決策として「プライオリティ・ガイド」というスタイルでワイヤーフレームをつくる方法が提案されています。 ● 以下、要約。 ”従来の制作プロセスでは、レスポンシブ・デザインに対応できない” デザイナーはPC画面用のPhotoshopだけをつくり、モバイル用（スマホ、タッチデバイス）のレイアウトはフロントエンド・ディベロッパに「おまかせ」にされることが多いが、それでは無理がある。PC版のデザインから「推測」してスマホ向けにレイアウトを組み替えようにも、コンテンツやメニューの重要度や優先順位が見えてこなければ、レ