これまでのWebデザインに別れを告げる準備を始めよう
Amazonで森本 友理, 鈴木 慶太朗, 福岡 陽, 三宅 太門のWebデザイン、これからどうなるの? キーワードから探るデザイン動向の現在と未来。アマゾンならポイント還元本が多数。森本 友理, 鈴木 慶太朗, 福岡 陽, 三宅… Webデザインの現在の潮流を考察するシリーズの最新版で、図々しくも名だたる方々に混ざって「レイアウト」の章を担当させていただいた次第です。 （私の勝手な）本書の読者のイメージとしてはWebデザインに過去触れたことがありつつも、最新のWeb動向が追いきれなくなっている方。ですので、この数年のWebデザインの変化をおさらいしつつも、それが2018年に至ってどう、なぜ変わっていったのかを文章にまとめました。みなさんが気になる「パララックスエフェクトってどうなったんや？？？🤔🤔🤔」なども真面目に考察しております。現在のトレンドと実際に採用しているサイトのスクリー
イケてる証券サービスFOLIOのトレースをして気づいたこと｜mottox2
フリーランスでWebサービスを作っている @mottox2 です。 最近noteでUIデザインの人がトレースしている記事をよく見ます。その度に強そうな人がUIトレースをすすめるようなコメントを見るので物は試し自分もやってみることにしました。 トレースの題材としては最近（自分の中で）話題な証券会社FOLIOのサービスを選びました。 -> folio-sec.com TwitterやInstagramなどの海外サービスが選ばれがちですが、英語と日本語のタイポグラフィは結構違うと思っているので日本の会社でデザインに力が入っているであろうサービスを選びました。 トレース結果 思ったより縦に長く再現するのが大変でした。その分、気づいたことも多かったです。 （一部の画像は見ていく時にノイズになるので取り除いています。） デザインのルール色やタイポグラフィ、マージンしっかりルールがありました。（一部沿っ
プロ御用達！WEBデザインに役立つデザインツール13選
更新日: 2017年9月26日公開日: 2015年6月10日プロ御用達！WEBデザインに役立つデザインツール13選 忙しい web デザイナーの方、web デザイン勉強中の方、CSS やプログラミングからチョット目を離してデザインツールを見直してみませんか？ 今までやっていた作業、可視化に時間のかかっていた作業を劇的に変えてくれるツールがたくさん存在します。チョット作業の手を止めて、以下のツールを覗いてみてください。きっとこれからのあなたの web デザインを快適にしてくれますよ！ WEBデザインに役立つデザインツール 13選プロ顔負けのデザインツール「webflow」 webflow 対応 / Mac、Windows 価格 / 無料 ～ $84 /月 表示言語 / English Free トライアル / 有 デザインには自信があるけれど、実はプログラミングはチョット苦手、という方にお勧
Swaggerで始めるモデルファーストなAPI開発
This document summarizes a microservices meetup hosted by @mosa_siru. Key points include: 1. @mosa_siru is an engineer at DeNA and CTO of Gunosy. 2. The meetup covered Gunosy's architecture with over 45 GitHub repositories, 30 stacks, 10 Go APIs, and 10 Python batch processes using AWS services like Kinesis, Lambda, SQS and API Gateway. 3. Challenges discussed were managing 30 microservices, ensur
ブログの始め方【初心者向け】運営のコツから収益化までの流れを解説
これからブログを始めたい人に向けて、ブログを始める前の準備からおすすめのブログサービスまで、詳しく解説していきます。 私がブログを始めたのは約9年前で、あの時ブログを始めてよかったなと実感しています。 ブログで文章を書くことで思考が整理できたり、自分の体験談が誰かの役に立ったり、ブログはきっとあなたの世界を広げてくれるものになるはずです。 アフィリエイトブログの本を執筆しました 趣味として始めるのはもちろん、ブログを始めることでマーケティングの勉強になったり、本業とは別に副収入が得られたり、仕事にも良い影響があるかもしれません。 文章を書き慣れていなくても、読まれるかどうか不安でも、試行錯誤しながら続けるうちに慣れて読者も少しずつ増えていくものです。 ブログは根気が必要ですが、それだけやりがいもあってコツコツと自分だけのブログを育てるのはとても楽しいので、同じようにブログを楽しむ人が増えた
オブジェクト指向UX | POSTD
(注：2015/11/18、記事およびタイトルを一部修正いたしました。) CNN.com で働いていた2012年6月に、大統領選挙投票日の夜のユーザエクスペリエンス（以後UX）のデザインを任されました。私はそれからの6カ月間を投票日の夜のための仕事に専念しました。しかし、仕事が成功するかしないかは、選挙結果に関係はありませんでした。私が懸念していたのは、情報の見つけやすさやデータの見やすさ、canvasでのオブジェクトの変形、そして一体どのようにしたら、iPhoneでマウスオーバーのフライアウトが動作するのかでした。CNN.com史上初めてWebデザインをレスポンシブにすることにしたのです。さらに史上初めて私が、その デザイン を担当することになったのです。 大きな賭けでした。CNN.comにとって大統領選挙投票日の夜と言えば、スーパーボウル（プロアメリカンフットボールの優勝決定戦）の日曜
初心者向け負荷軽減のはなし
2. 自己紹介 株式会社NDPマーケティング メディア事業部 本部長兼CTO 大西 貴聡 twitter @taka0024 Facebook taka0024 はてなID taka0024jp 主な仕事 Webサイトのプロデュース、 プランナー、ディレクション、マネージメント、S テスト、サイト運営、企画作成、コンサルティング、flash作成、画像作成、コーディン 3. 宣伝① NDPマーケティングの主な事業 • リスティング広告全般（PC、モバイル) • SEO キャッシング • 各種アフィリエイト リスティング • 各種メディア運営 リスティング • スマフォ向け広告媒体 ＳＥＯ キャッシングす るならどこが良 いだろう？ リスティング
websec-room.com - websec room リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
フラットデザインとは？UIの特長と注意点 デザイン会社 ビートラックス: ブログ
最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUI、Windows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない
ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
これだけは講読したい！デザイナー向け海外ブログ厳選20本+α | 素材系・ノウハウ系 etc.
使える資金が少なく、宣伝広告にリソースを割けないスタートアップ。ユーザを増やし、サービスを使ってもらうための有力な施策の一つは、良いデザインを採用することです。 先日、日本発のOrigamiがスタートアップ界隈で有名になりましたが、優れたデザインが高く評価されたことは記憶に新しいでしょう（記事：出資元のKDDIがデザインセンスを高く評価、5億円を出資）。スタートアップといえども、デザインを軽視することはできないのです。 Webデザインだけでなく、最近ではアプリのUIなど、デザイナーの仕事は広がっていくばかり。忙しさを理由に、日々の情報収集を日本語のブログだけで済ませていませんか？ 良いデザインを誰よりもいち早くキャッチアップしサービスに活かすため、海外ブログの購読はもはや常識と言っても過言ではありません。 このエントリーで取り上げるブログのカテゴリは以下の通りです。 ● デザイン方法論系
プリントするだけで使える！ A4サイズの包装紙を無料ダウンロード | ライフハッカー・ジャパン
ちょっとした贈り物や手土産も包み方にこだわると、一気にプレゼント感がアップするものです。ラッピング素材にもひと工夫してみませんか？ とはいえ、わざわざ包装紙（ラッピングペーパー）を買いにいかなくても大丈夫。ブログ「Mini Eco」に、この時期にピッタリなA4サイズの包装紙素材が用意されています。記事冒頭の画像にあるクロスステッチ風デザインは、こちらのページにある「Deer（シカ）」、「Snowflake（雪の結晶）」、「Crown（王冠）」、「Invaders（インベーダー）」のリンクからそれぞれPDFファイルでダウンロードできます。 無料ですので、気になった方はお試しになってみてくださいね。 Cross stitch wrap {printable} | Mini Eco via Apartment Therapy David Galloway（原文／抄訳：kiki）
Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！ 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！ こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです！ 今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。 これだけは欠かせない基本の要素6つ 登録と無関係の要素はなるべく表示しないように！ 聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に！ バリデーションは色や動きでみせると効果的 登録のメリットを表示しましょう アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう！ これら一
Google PageSpeed Insights でパフォーマンスチューニング
Google PageSpeed Insights でパフォーマンスチューニング Googleの Page Speed Insightsが新しくなったので試してみたけどかなり使いやすくなっています。Google Chrome Extensionsとしても公開されているのでChromeウェブストアからインストールできます。 インストールするとChromeのDeveloper Toolsの一番右にPage Speedというメニューが追加されています。パフォーマンスチューニングをしたいページを選んで左上の「分析」を押すだけです。 ちょっと待つと分析結果が表示されます。 結果は「高い優先度」と「中間の優先度」、「低い優先度」、「試験的なルール」に分かれているで何処から手を付けたらいいか一発でわかります。 例えば、「高い優先度」の「画像を最適化する」を見ると画像を圧縮しろと怒られます。どれぐらいファ
Step-by-Step Creating a Website Guide
2014年8月17日 Webサイト制作 8回に渡り連載した「実践で学ぶWebサイト制作ガイド」がついに終わったので、ここで簡単にまとめておきます。この記事では基本的な流れを説明していますが、リンクをクリックでより詳しい説明記事を読むことができます。これからWebサイトを作ってみたい！という人のお役に立てればいいなあと思います :) サンプルファイルもあるので、ご自由にダウンロードしてくださいね！ ↑私が10年以上利用している会計ソフト！ サンプルファイル 今回作成したファイルをサンプルとして配布します。参考になれば幸いです。説明するために制作したものなので、学習目的以外でのご利用はご遠慮ください。Google Chrome, Safari, Firefox, IE8・9で動作確認済み。 デモ ダウンロード 1. プランニング 誰のため？何のため？Webサイトを作り始める前に。 突然Phot
1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます！ ツール系のサイト
1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます！ ツール系のサイト
レスポンシブ ウェブ デザイン 提案の提案 World of granshe.
HTMLやCSS、JavaScriptに関する話題を中心に、Web制作について知ったこと、覚えておきたいことをメモしておく個人的スペースです。 レスポンシブウェブデザインとかスマートフォン系の記事を書くときにどこのカテゴリに書くか迷ってしまい、そろそろブログのカテゴリ分けの限界を感じてきました。 というか、早くブログを独自ドメインのサーバに移行したい･･･！ ということでさっそく本題ですが、 最近、レスポンシブウェブデザイン（以下、RWDと表記）の案件を2つほどやってみて、思うところがあったので書いてみました。今回は技術的なところというよりも、提案というか、案件の取り方というか、案件の流れについて書きたいと思います。 思いのほか長くなってしまいました･･･。 きっかけ 自分が関わった2つの案件のうち、一つは1ページもののキャンペーンサイト、もう一つは既存のデザインを変えずRWDにするという
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
とっさのデザイン〜ボタン編〜
ogaoga.org