タグ

webデザインと考え方に関するshoji1977のブックマーク (14)

  • 受託制作における大きいデザインと小さいデザイン、デザインで解決できることとは? | ツクロア - DESIGN LAB

    先日、“RIDE” UX Sketch SUMMER 2016 〜リアルな現場のUXがビジネスに必要だ!〜 というイベントに参加してきた。 UXということばがついているので、拒否反応が出る人は出るかもしれない。 わたしは途中までしか参加できなかったけど、内容は「大きいデザイン」の話だった。 最近は、わたしも大きいデザインに携わることが多くなってきてやっとわかってきた。世の中には、大きいデザインと小さいデザインがあることが。 なにが大きくてなにが小さいのかは、厳密な定義はないし人によってちがうとおもうのと、そんなに重要ではないので特に言及しませんが、大きくわけるとそういうふたつの考え方があるということ。 ベタですが、建築でいうと、 大きいデザイン:設計 小さいデザイン:実際の施工 といったイメージです。 大きいデザインとは 大きいデザインは、「人」と「もの、こと」が結びつくのを実現するために

  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
  • デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた

    デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領

    デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
  • モダンミニマリズムという選択―フラットデザインはデザイナーを堕落させたか? | POSTD

    フラットデザインはWebデザイナーの役割を奪った?私はそうは思いません。 私は最近、 『デザイナーの堕落』 という興味深い記事を読みました。その中には、著者であるEli Schiffの意見が明確に書かれています。もしこちらの記事を読んだことがなく、デジタルデザイン界のこれまでの動向に興味があるという場合は、ぜひ一読することをお勧めします。 しかし私は彼の意見に真っ向から反対です iOS7やマテリアルデザインの登場によって、フラットデザインが増え、“モダンミニマリスト”というデザインムーブメントが生まれました。そのような変化が、デジタル界で働くビジュアルデザイナーの仕事をいかにして味気なく、そして価値の低いものにしたのかという点について、Eliは主に説明しています。 学生時代に建築学を学んだ私は、モダンミニマリスト(フラット)デザインの普及において、同様の例をたくさん見てきました。モダンミニ

    モダンミニマリズムという選択―フラットデザインはデザイナーを堕落させたか? | POSTD
  • ここ半年で話題になったデザインに関する知見が広がる5つの記事 | creive【クリーブ】

    直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性(Webではクリックですが紙では触るなど)の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も!ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例

    ここ半年で話題になったデザインに関する知見が広がる5つの記事 | creive【クリーブ】
  • デザイン変更は抜本的にやるべきか、それとも、少しずつやるべきか

    古いものを捨て、新しいものを取り入れる前に、そうすることがユーザーの目標達成のために必要だという確実な証拠があることを確かめよう。 Radical Redesign or Incremental Change? by Hoa Loranger on February 8, 2015 日語版2015年3月9日公開 ユーザーエクスペリエンスに関わる最大の問題は、メガメニューを利用するのか、あるいは他のタイプのナビゲーションメニューを利用するのかといったような個別のデザイン課題のことではない。求められているのは、もっと視野を広げて、UXに関して最優先すべき戦略をまず決めることである。すなわち、大改革を目指してすべてを一気に変えるのか、あるいは少しずつ品質を向上させるというやり方を取り、一歩ずつ進んでいくのか、である。 ユーザーエクスペリエンスというのは品質に関わる分野なので、デザインを徐々に変

    デザイン変更は抜本的にやるべきか、それとも、少しずつやるべきか
  • グッドパッチ土屋氏に訊く“本当のUI”とは?「良いUIは、コンテンツの力を引き出す」 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、広報担当のヨシキです。 最近、会議や提案などの場で、“UIにこだわりを” や “これまでにないUIで” などのフレーズをよく耳にするようになったと思います。 しかし「UIとは何なのか」と聞かれると、詳しく答えることはできない、という人も多いのではないでしょうか。実際、僕もその中の一人です。 ユーザーインターフェースの略であること、ユーザーの使いやすさに関わること、というぐらいはなんとなくわかります。しかし、そもそもなぜ今UIなのか、UIデザインと通常のデザインは何が違うのか、など具体的なことはよくわかりません。 そこで日は、UIの設計・デザインに特化し、あの『Gunosy』の最初のデザインを手掛けたことでも有名な「株式会社グッドパッチ」さんを訪問し、話を聞いてみることにしました。 答えが見えないことは、やはり一番わかってるっぽいところに聞くのが一番簡単な解決方法だと思ったから

    グッドパッチ土屋氏に訊く“本当のUI”とは?「良いUIは、コンテンツの力を引き出す」 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | UXデザイン会社Standardのブログ

    2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか? この画面遷移図というものは来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、来で

    画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | UXデザイン会社Standardのブログ
    shoji1977
    shoji1977 2014/11/20
    “クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか?
  • スタートアップ開発現場でおこなわれているデザインの実践 -デザイナー / プログラマー奥田透也

    ウェブ業界では「alumican(あるみかん)」のハンドルネームでも知られるデザイナー / プログラマーの奥田透也氏。中村勇吾氏率いるデザイン会社「tha ltd.」から昨年独立。その後さらに経験を積んできた同氏に、今でも活きているというthaでの経験と、現在携わっているスタートアップ「IROYA」をはじめとした様々な業務でおこなっているデザインの実践について語ってもらった。 上京し、ものづくりとの向き合ってきた7年間 ――thaに入社した経緯を教えて下さい。 もともと広島の大学院でコンピュータサイエンスを専攻していて、その後上京してウェブ制作会社に就職しました。その前からずっと勇吾さん(tha ltd. 代表 / インタフェースデザイナー 中村勇吾氏)は憧れの存在で、あるとき勇吾さんが講演するカンファレンスがあり、ここぞとばかりに名刺交換をさせていただきました。といっても、僕は勇吾さんと

    スタートアップ開発現場でおこなわれているデザインの実践 -デザイナー / プログラマー奥田透也
  • これからのWeb制作スタイルとプロトタイプの考え方 - よつば手帖

    近年、プロトタイプやフレームワークと言った言葉をよく耳にします。 どのような変化が起きていて、それに至るまでの考え方や、個人的な見解を書きたいと思います。 閲覧環境と利用者の変化 Webサイトの役割の変化について スマートフォンやタブレットの登場によってWebサイトの閲覧環境は大きく変化しました。 PCの前にわざわざ座り、電源を入れて「さぁ、Webサイトでも見るか〜」から、リビングのソファに座りスマートフォン閲覧するようなスタイルが当たり前になってきました。 Web制作者は常時PCをたちあげてると思いますが、Web業界に関わっていない方はわざわざPCのある部屋に行って見るなんて事は少なくなっていると思います。 コミュニケーション的視点の重要性 Webサイトの価値観や利用状況は変化しているのに、実際にそれらをふまえて制作されている場合は少ないように思います。 利用者の見方が変わって来ているの

    これからのWeb制作スタイルとプロトタイプの考え方 - よつば手帖
  • モーダルを閉じるボタンのUIは右か左か | UXデザイン会社Standardのブログ

    モーダルビューを「閉じる」ボタンの位置は右に置くべきか左に置くべきか。iOSにおいてはナビゲーションバーの右と左の2択であるため、逆に迷ってしまいがちなのかもしれません。 よくある話としては「設定ボタンがナビゲーションバーの左にあるのなら、同じように左側に閉じるボタンを配置するべきではないのか…」といったことをよく聞きますが、トリガーとなるボタンの位置はあまり関係なく、その後のモーダルビューでの内容や一貫性によって判断する必要があります。 モーダルとは ボタンの位置を考える前に、まずはモーダルとはどういったものかを紹介します。アプリケーションでのモーダルはユーザーに行動を制限し、特定のタスクに集中させるモードです。もちろんアプリケーションという意味では、ホームボタンを押したりマルチタスクにより他のアプリケーションを使うことができるため完全な制限ではありませんが、現在使用中のアプリケーション

    モーダルを閉じるボタンのUIは右か左か | UXデザイン会社Standardのブログ
  • 直接ユーザーの声を聞くこととユーザーフレンドリーな施策の違い

    考える。 WEBCRE8.jpによるweb制作やデザインについての考察を 書き綴っていくカテゴリです。 「ユーザーフレンドリーなサイトを作るというのはどういう事をすればいいんだろう?」ということについて考えたことです。私自身今出来ているわけではなくても、こうした形を目指したいですって話です。 webサイトはユーザーに使われるもの 普段私たちはwebサイトを制作していたり、制作の事を考えていたり、制作の事を考えている人の意見を読んだり聞いていたりしています。それらはもちろん(人によっては)長年の制作者としての、またはwebのユーザーとして培われてきた経験から来るものですよね。 そして、それらのことは全て、結局ユーザーが実際に使って便利であったり、心地よく感じるか、面白いと感じるかの為に繰り返されます。 ユーザーの言う通りに作っても上手くいかないのは何故か しかし、ユーザーからの意見をそのまま

    直接ユーザーの声を聞くこととユーザーフレンドリーな施策の違い
  • WEBデザイナーって何かがちょっと分かるかもしれない!僕らが証明しなければ成らないWEBデザイナーに必要な物色々 | バンクーバーのうぇぶ屋

  • ヒューレットパッカードのWebサイトが黒から白に変わった理由 | ウェブ配色 | ブログ | フォルトゥナ

    前の記事でレポートしたデザイントレンドの前日打ち合わせと称した飲み会の席で、登壇者の原一浩さんから、「なんでヒューレットパッカードの色が黒から白に変わったんでしょうね」と言われていたのですが、結局当日はセッション時間の都合で話せなかったので、ここで私の見解をまとめておきたいと思います。 まずは2011年と2012年のスクリーンショットを並べてみました。これはまたガラッと変えてきましたね。 そもそも大きく色を変えなければならない時は、企業としての戦略が変わったときがほとんどです。会社の業績が堅調であれば、ブランドイメージを変える必要はないのですから。さらに発展させたいという場合もあるでしょうが、大きく色をを変えることで、今までのブランドイメージを壊してしまうこともあるため、リスクが高いことからよほどのことがない限り、しない方が無難だと思います。 そんなわけで、そもそもヒューレットパッカードが

    ヒューレットパッカードのWebサイトが黒から白に変わった理由 | ウェブ配色 | ブログ | フォルトゥナ
  • 1