スマートフォン用の表示で見るHOMEWORKMYSELFBLOGCONTACTこの広告は、90日以上更新していないブログに表示しています。以下、2015年のトップ6のトレンドです。colorモノクロは、だれにでも洗練されたような、その当時を思い浮かばせるような気持ちにさせます。モノクロにするときローライト、ハイライトをカラーイメージを元に強調させることで印象的なイメージにすることができます。Portra風なカラーの写真を表現しています。immersionデザインは、ただ人の目を引きつけるだけではありません。素敵なデザインは、人の目を引きつけ、さらにその人たちを元気にしたり、匂いや味を想像させたり、なんかかしらの感情を動かします。それはたとえば、とてもdetailのわかるテクスチャに焦点が当てられたものを使用するとか。これは、スマホのような小さいスクリーンでとても映えます。私たちの周りはデジタル機器に囲まれていますが、それでもやっぱり人間。味わいたいし、匂いを嗅ぎたい!時代は変わっても人間味をわすれなたくないという私たちの思いはデザインにも大きな影響を与えているんですね。lookスクリーンの大きなTVからシネマ、スマホ、タブレットやモニターなどの長方形は新しい視覚になってきてます。”がトレンドとなって、デザインのリアルな時間軸の表現・価値がたかくイメージに残りやすくなるのですー。ratio)加工します。これは、写真の表面上にフォーカスポイントをおき物語性を出したり、自分のデザインに親近感がわく効果があるんです。first(モバイルを起点としてサービスを作り上げていくこと)の動向であるととらえて、今トレンドであるヒーローイメージ(でっかいイメージをヘッダーにバーンって使うこと)と合体させちゃってもいいかもですね。box表示画面において他の画面サイズ企画で潰されて表示されないよう、表示互換性を取るために本来および横長比率の部分を黒くして表示すること。比率を保持したまま、サイズの変形をする。*スクイーズ比率を無理やり縮めて枠にはまるように表示させること。still-life小さいスクリーンは大きい写真が大好き!さらにスマホ、タブレットやその他デジタルデバイス向けのデザインにとって静止絵の使用度はなくてはならない存在となっています。一つのシンプルなオブジェクトの静止画はもう存在しません。今は、写真、アート、技術によってもっと生命のないものにクリエイティブを生み出すことを求めているんです。いろんなオブジェクとを並べて文字をつくったり、ストーリ性のあるものを作る、形の違うオブジェクトを並べて焦点を変える、などなど。ブランドやビジネスなどの商品にもっとグラフィック性ともっとユーザーが引きつけるようななにかを与えれば、ものすごく便利な構成になりますよね。view最近、ブログでもよく見かけるようになったセルカ棒とか!セルフィーが流行ってますよね。私たちは私たち自身、またはその他の人たちを少し違う視点から見るようになってきました。GoProのような動きをとれるカメラは、viewpointがもっとパーソナルになり、もっと自然な視点で自撮りできるよう新しいアングルなんです。スポーツやライフスタイルの写真は特に今、とっても注目されています。デザイナーにとって、このトレンドはなにか決められたものではなく、それぞれの視点の傾向や自分たちが信じるもの、正しいと思うライフスタイルを提供することなのです。imageryは今やデザインには必須の道具なんですね。people今時のデザインは”今”な感じを伝えるものが必要。今まで特定の人を使ってきたけど、最近はもっとストーリ性があっておもしろみのある、もっとみんなが興味を持つような人が欲しいみたい。写真を見て民族性(国籍・性別・文化)を感じ取るのではなく、多様性を感じるもの:ファッションセンス、ライフスタイル、身体能力、他と違う何か。なにが真実かってことを無視すれば、こういった写真を使う事はもっと見ている人と繋がり、デザインに大きな影響力を加えるかもしれない。Captain”Macからまた新しいOSが出たとのこと...この前Yosemiteにしたばっかだったはずなのになあw早いなー。Captain」っていうらしい。8開発者が視覚的に洗練されたソフトウェアを作れるよう導入されたもの)・新しい日本語入力方法などなど...さらにグレードアップしてるらしいです。中でもきになったらのが、”新しい日本語入力方法”について。普通は、わたしたちがキーボードで入力するとき、スペースキーで漢字に変換しますよね。いわゆる”文節区切り”で変換されてるってこと。長ーい文を一括変換しようとして、そこ変換しなくていんじゃ〜いってなるのはあるあるですよね。綺麗に変換されてすっきりする時あるけど。wでも、新しく機能として追加されたものに、”自動的に文節ごとに変換してくれる”という機能が追加されたみたいなんです。何回もスペースキーを押さなくても、自動的に文節を読み取ってソフトが自動変換してくれる「ライブ変換」の登場。スペースキーの押す回数が「ゼロ」になるかもですね。これは7月からスタートする予定なんです。新しいものがでてきて便利になるなー、将来はロボットと暮らしてそうだなー怖いなーなんて思う事もあるけど。Interface(ユーザーインターフェイス)はインターフェイスを通じて目に見えない機能を視覚的にみて操作してコミュニケーションする。ユーザとデジタル機器とのコミュニケーションがうまくできるように手伝ってくれるOS/アプリ画面など。・iPhoneのアプリがアイコンでなく、テキストだったら...いろいろなアプリの/中から写真アプリを探して立ち上げるまで時間かかる...!・アイコンとアイコンの余白がなかったら...間違って押して違うアプリを立ち上げちゃう!↓UIデザインは、不便がないようにユーザとデジタル機器とのコミュニケーションをより早く、より便利に、より正確にできるようにすること。experience(ユーザーエエクスペリエンス)についてのエクスプレスデザイン。デジタル機器・システムやサービスを使うユーザーがどのくらい満足し、どのような経験をし影響があるか、とかを指すもの。・iPhoneの「pinch」は、タッチパネルに2本の指をのせ、画面上の対象物を拡大縮小する。2本の指を縮めると、画像が小さくなったり、広げると大きくなったりとか。この作業って考えなくても自然にやってる...これは、ユーザの行動や無意識をちゃんと把握して行動をデザインしたから、説明書がなくてもストレスフリーで直感にまかせて使えるようにUIデザインしたから。・instagramは、自分でフィルタを加工し、みんなに共有できるけど、みんなスタンプとか色合いとか「かわいい!うれしい!みせたい!たのしい!」と、感情が生まれるような体験をする。↓UXデザインはユーザがサービスの目的に共感して、+な体験や満足を得られるようユーザの感情・行動・態度をデザインすること。・生地の肌触りがいい・しわになりにくい・着脱が楽。わってからの満足感】が全部UXとなるー!UXデザインがよくできていると、ユーザは+な体験と満足を得て、それは”また着たい”と思わせるいい結果に繋がる。Tシャツが大きくてダボダボでユーザが不愉快な思いをしてしまったら、ユーザはこのTシャツを着るコトでネガティブな体験をするのだ〜い。このように、”良いUI=良いUX”ではなくても、良いUXには良いUIが絶対ぜーったい必要!!!!!!というわけで、いつも何気なく聞いていたUX/UIをまとめたメモメモでした。16:26広告を非表示にするもっと読むコメントを書く2015-06-05Vim※Vimとは--プログラマに人気の高いエディタの1つ。UNIX系オペレーティングシステムで長らくデフォルトインストールされてきたエディタで、システム管理や設定ファイルの編集などに使われることが多かったらしい。ワープロとは操作方法が全く違くて、基本的に「コマンドモード」と「入力モード」という二つのモードを切り替えながら編集作業を実施する。これは,,,,覚えるまで大変かもしれなけど、マスターしたらめちゃ高速で編集可能いなっちゃうらしい。・自分の欲しい機能の拡張が簡単。FreeBSD)で動作する。・GUI版・CUI版がある。黒い枠の中身をコピペ。最上部に記載しえ優先順位を一番に。--version)・場所確認する。09:45広告を非表示にするもっと読むコメントを書く2015-05-31npm=======================================================・npmとはNode.jsのモジュールを管理するためのツール。(これは、Node.jsをインストールした直後から、必ず使う事になるもの!)Node.jsには様々なモジュールが公開されており、npmを使う事で簡単にインストールできる。自分でモジュールを作成して公開する場合にもNPMを使用する。runこれだけ覚えれば、ひとまずフロントエンド開発を進めることができる。init→ディレクトリ下は、俺らnpmが管理下におくんだ!宣言。install→npmリポジトリからライブラリをダウンロードしてくるコマンド。scriptsと呼ばれるタスク実行機能を呼びだすコマンド。*コマンドとは、簡単に言えば「命令」のこと。*モジュールとは、「システムを構成する要素」となるもの。~Grunt~Sassをコンパイルしてくれるものが「Grunt」あれ?そしたら「Koala」ってどうなの?って思うけど、これもコンパイルするためのもの。「imgも加工できるか。「Koala」はコンパイルだけするならOK。それならターミナルでもできるもんね。もやぱりimgの色々な作業とか出てくるからGruntのがいいってこと。ことを私も最近知ったんだけどねえ笑========================単語予習========================Node.jsはサーバ側で動作するJavascriptであり※通常、Javascriptはユーザーのブラウザで動作するプログラミング用語。PHPやRubyのように、サーバーサイドのプログラムをJavaScriptで記述できるのがNode.js。Chrome用に開発されたJavaScriptエンジンV8がサーバ上でプログラムを実行できるように,ファイルやネットワークI/Oなど多くの機能を追加したものです。・サーバーサイドのJavaScript(→サーバーサイドで動くJavaScriptの実行環境)・非同期(*I/Oの処理結果を待たず処理を進める)・ノンブロッキングI/O(I/Oの結果を待たないで処理を進める。I/O処理が終了したらコールバック関数を実行。)→大量の処理に対応・たくさんの接続の処理がめっちゃ早い!!(リクエストやコールバックの発生は、イベントとして登録して扱い、そのイベントに関する処理が終わったら、次のイベントを処理する。)・イベントドリブン・シングルスレッド(メモリ消費が少ない、仕事切り替えが少ないので早い)・JavascriptエンジンがGoogleのV8で早い*I/O(アイオー):Input/Outputの略。情報を入力(input)し、計算結果を出力(output)するという処理のこと。データのI/Oがいっぱい行われたら、ハードウェアやネットワークにI/O処理の付加が発生することがある。・小さいデータや小さい計算の場合、速い・メモリ消費量が少ない・ローカルとリモートともデータのやり取りをシームレスに行うフレームワーク(Meteor)などができている・サーバー側、クライント側で処理の共通化ができる(入力値チェックなど)・サーバーサイドのコード変更したとき、Node.jsアプリの再起動が必要な(場合が多い)・リアルタイムなアプリケーションに合う。・シングルページアプリケーションに合っている。・WebSocketを利用するアプリに合っている※ちなみに通常、Node.jsを『node』と呼ぶらしい。なんかドーモクンみたい。↓NHKの茶色いキャラクター。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。